.myClassList table td dl dd {
    margin-top:88px
}
#face_panel {
    z-index:99999999
}

<!-- 个人信息 -->
@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
    margin:0;
    padding:0
}
fieldset,img {
    border:0
}
:focus {
    outline:0
}
address,caption,cite,code,dfn,em,strong,th,var,optgroup {
    font-style:normal;
    font-weight:400
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:400
}
abbr,acronym {
    border:0;
    font-variant:normal
}
code,kbd,samp,tt {
    font-size:100%
}
input,button,textarea,select {
    *font-size:100%;
    border:0
}
body {
    background:#fff;
    color:#5e5e5e;
    font:14px/2em Microsoft YaHei,SimSun,Arial
}
ol,ul {
    list-style:none
}
table {
    border-collapse:collapse;
    border-spacing:0
}
caption,th {
    text-align:left
}
sup,sub {
    font-size:100%;
    vertical-align:baseline
}
:link,:visited,ins {
    text-decoration:none
}
blockquote,q {
    quotes:none
}
blockquote:before,blockquote:after,q:before,q:after {
    content:'';
    content:none
}
a:link,a:visited {
    color:#5e5e5e
}
a:hover {
    color:#c9394a
}
a:active {
    color:#666
}
.clearfix:after {
    content:'\0020';
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
.clearfix {
    *zoom:1
}
.l {
    float:left
}
.r {
    float:right
}
.clear {
    height:0;
    overflow:hidden;
    clear:both
}
.hide {
    display:none
}
.btn.hide {
    display:none
}
a.hidefocus {
    outline:0
}
button.hidefocus::-moz-focus-inner {
    border:0
}
a:focus {
    outline:0;
    -moz-outline:0
}
input,textarea {
    outline:0
}
h2 {
    font-size:20px
}
h3 {
    font-size:16px;
    line-height:32px
}
h5 {
    font-size:14px;
    line-height:28px
}
.img_border {
    border:4px solid #fff;
    border-radius:1px
}
.bb {
    border-bottom:1px solid #d2d2d2
}
.bt {
    border-top:1px solid #d2d2d2
}
.bbn {
    border-bottom:0!important
}
.mc {
    margin:0 auto!important
}
.m0 {
    margin:0!important
}
.m1 {
    margin:1px!important
}
.m2 {
    margin:2px!important
}
.m3 {
    margin:3px!important
}
.m4 {
    margin:4px!important
}
.m5 {
    margin:5px!important
}
.m10 {
    margin:10px
}
.m15 {
    margin:15px
}
.m20 {
    margin:20px
}
.m25 {
    margin:25px
}
.m30 {
    margin:30px
}
.mt5 {
    margin-top:5px!important
}
.mt0 {
    margin-top:0!important
}
.mt10 {
    margin-top:10px!important
}
.mt14 {
    margin-top:14px
}
.mt15 {
    margin-top:15px
}
.mt18 {
    margin-top:18px
}
.mt20 {
    margin-top:20px!important
}
.mt30 {
    margin-top:30px
}
.mt40 {
    margin-top:40px
}
.mt50 {
    margin-top:50px
}
.mt60 {
    margin-top:60px
}
.mt70 {
    margin-top:70px
}
.mt80 {
    margin-top:80px
}
.mt90 {
    margin-top:90px
}
.mt100 {
    margin-top:100px
}
.mb0 {
    margin-bottom:0!important
}
.mb3 {
    margin-bottom:3px
}
.mb5 {
    margin-bottom:5px!important
}
.mb10 {
    margin-bottom:10px
}
.mb15 {
    margin-bottom:15px
}
.mb20 {
    margin-bottom:20px!important
}
.mb25 {
    margin-bottom:25px!important
}
.mb30 {
    margin-bottom:30px
}
.mb40 {
    margin-bottom:40px
}
.mb50 {
    margin-bottom:50px
}
.mb55 {
    margin-bottom:55px
}
.mb80 {
    margin-bottom:80px
}
.mb100 {
    margin-bottom:100px
}
.ml0 {
    margin-left:0!important
}
.ml8 {
    margin-left:8px!important
}
.ml1 {
    margin-left:1px!important
}
.ml5 {
    margin-left:5px!important
}
.ml10 {
    margin-left:10px!important
}
.ml12 {
    margin-left:12px!important
}
.ml13 {
    margin-left:13px!important
}
.ml15 {
    margin-left:15px!important
}
.ml25 {
    margin-left:25px!important
}
.ml20 {
    margin-left:20px!important
}
.ml30 {
    margin-left:30px!important
}
.ml35 {
    margin-left:35px!important
}
.ml38 {
    margin-left:38px!important
}
.ml40 {
    margin-left:40px!important
}
.ml50 {
    margin-left:50px!important
}
.ml60 {
    margin-left:60px!important
}
.ml55 {
    margin-left:55px!important
}
.ml57 {
    margin-left:57px!important
}
.ml60 {
    margin-left:60px!important
}
.ml80 {
    margin-left:80px!important
}
.ml100 {
    margin-left:100px!important
}
.ml110 {
    margin-left:110px!important
}
.ml120 {
    margin-left:120px!important
}
.ml150 {
    margin-left:150px!important
}
.ml200 {
    margin-left:200px!important
}
.ml250 {
    margin-left:250px!important
}
.ml285 {
    margin-left:285px!important
}
.ml835 {
    margin-left:835px!important
}
.mr5 {
    margin-right:5px!important
}
.mr10 {
    margin-right:10px!important
}
.mr15 {
    margin-right:15px!important
}
.mr20 {
    margin-right:20px!important
}
.mr30 {
    margin-right:30px!important
}
.mr40 {
    margin-right:40px!important
}
.mr50 {
    margin-right:50px!important
}
.mr80 {
    margin-right:80px!important
}
.mr100 {
    margin-right:100px!important
}
.mr250 {
    margin-right:250px!important
}
.mr300 {
    margin-right:300px!important
}
.pointer {
    cursor:pointer
}
.color-gray,a.color-gray:link,a.color-gray:visited {
    color:#b7bcc0
}
.color-white {
    color:#fff!important
}
.color-blue {
    color:#088bd3
}
.fl {
    float:left
}
.fr {
    float:right
}
.mr60 {
    margin-right:60px
}
.color-red {
    color:#EF1300!important
}
.pr {
    position:relative
}
.pa {
    position:absolute
}
.errorHint {
    height:25px;
    line-height:20px;
    font-size:12px;
    color:#f01414
}
.breakall {
    word-break:break-all
}
.wui-dialog {
    background-color:#fff;
    box-shadow:#ccc 1px 4px 20px 3px;
    position:absolute;
    box-shadow:0 12px 24px 0 rgba(0,0,0,.24)
}
.cb {
    clear:both
}
.fs12 {
    font-size:12px!important
}
.fs14 {
    font-size:14px!important
}
.fs16 {
    font-size:16px!important
}
.fs18 {
    font-size:18px!important
}
.fs20 {
    font-size:20px!important
}
.bold {
    font-weight:700!important
}
a:link,a:visited,body,html {
    color:#1c1f21
}
.container,.newcontainer,.page-container {
    width:1152px;
    margin:0 auto
}
body,html {
    font:14px/1.5 "PingFang SC","微软雅黑","Microsoft YaHei",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif
}
body {
    min-width:1200px;
    background-color:#f8fafc;
    overflow-y:scroll;
    padding-top:0;
    -webkit-transition:-webkit-transform .3s ease;
    transition:transform .3s ease
}
.hide-text,.text-ellipsis {
    overflow:hidden;
    white-space:nowrap
}
a:active,a:hover {
    color:#ec1500
}
.clearfix:after {
    content:'\0020';
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
.l {
    float:left
}
.r {
    float:right
}
.hide {
    display:none
}
.hide-text {
    text-indent:100%
}
#main {
    min-height:750px;
    padding:20px 0
}
.waper {
    width:1200px;
    margin:0 auto
}
.shadow {
    -webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);
    -moz-box-shadow:0 2px 4px rgba(0,0,0,.1);
    box-shadow:0 2px 4px rgba(0,0,0,.1)
}
.text-ellipsis {
    text-overflow:ellipsis
}
.addZ-index,.addZ-indexCode {
    z-index:9999
}
.app-download {
    position:relative
}
.app-download .app-load-box {
    display:none;
    position:absolute;
    right:0;
    top:100%;
    width:304px;
    padding:22px 24px;
    box-sizing:border-box;
    background-color:#fff;
    color:#4D555D;
    line-height:16px;
    box-shadow:0 8px 16px 0 rgba(7,17,27,.2);
    border-bottom-right-radius:8px;
    border-bottom-left-radius:8px;
    z-index:99999;
    font-size:12px
}
.app-download .app-load-box img {
    width:108px;
    height:108px
}
.app-download .app-load-box p {
    margin-bottom:12px
}
.app-download .app-load-box a {
    display:block;
    color:#fff;
    width:132px;
    height:36px;
    margin-top:8px;
    line-height:36px;
    background:#4D555D;
    border-radius:18px
}
.app-download .app-load-box a:hover {
    background-color:#07111b
}
.app-download .app-load-box a i {
    font-size:16px;
    margin:0 8px 0 12px;
    vertical-align:-2px
}
.set_btn img,select {
    vertical-align:middle
}
.user-card-box {
    position:relative
}
.user-card-box .g-user-card {
    visibility:hidden;
    position:absolute;
    right:0;
    top:100%;
    z-index:1000;
    width:306px;
    padding:24px;
    background-color:#fff;
    box-shadow:0 8px 16px 0 rgba(7,17,27,.2);
    border-bottom-right-radius:8px;
    border-bottom-left-radius:8px;
    box-sizing:border-box
}
.newcomer_modal,.shop-cart .my-cart {
    box-shadow:0 8px 16px 0 rgba(28,31,33,.2)
}
.user-card-box .g-user-card .card-top {
    color:#93999f;
    position:relative
}
.user-card-box .g-user-card .card-top a {
    display:inline-block;
    color:#93999f
}
.user-card-box .g-user-card .card-top a img {
    float:left;
    width:72px;
    height:72px;
    border-radius:50%;
    border:2px solid #fff;
    margin-right:12px
}
.user-card-box .g-user-card .card-top .card-top-right-box {
    margin-top:14px
}
.user-card-box .g-user-card .card-top .name {
    display:inline-block;
    font-size:16px;
    color:#07111b;
    width:170px;
    line-height:20px
}
.user-card-box .g-user-card .card-top .meta {
    margin-top:4px;
    font-size:12px;
    line-height:12px
}
.user-card-box .g-user-card .card-top .meta a {
    margin-right:12px
}
.user-card-box .g-user-card .card-top .meta b {
    margin-left:2px
}
.user-card-box .g-user-card .user-center-box {
    margin-top:16px;
    margin-bottom:14px
}
.user-card-box .g-user-card .user-center-box ul li {
    position:relative;
    width:128px;
    width:127px\9;
    background:#F8FAFC;
    border-radius:2px;
    color:#4d555d;
    margin:0 2px 2px 0
}
.user-card-box .g-user-card .user-center-box ul li .user-center-icon {
    position:relative;
    top:3px;
    font-size:16px;
    margin-right:8px
}
.user-card-box .g-user-card .user-center-box ul li a {
    width:100%;
    height:36px;
    line-height:36px;
    padding-left:12px;
    text-align:left;
    box-sizing:border-box
}
.user-card-box .g-user-card .user-center-box ul li:hover {
    background:#d9dde1
}
.user-card-box .g-user-card .user-center-box ul li:hover a {
    color:#4d555d
}
.user-card-box .g-user-card .user-center-box ul li i {
    width:18px;
    height:18px;
    position:absolute;
    top:0;
    right:8px;
    background:url(/static/module/common/img/coupon-icon.png) no-repeat
}
.user-card-box .g-user-card .user-center-box ul li:nth-child(2n) {
    margin-right:0
}
.user-card-box .g-user-card .card-history {
    padding-bottom:16px;
    margin-bottom:-1px;
    border-bottom:1px solid #edf1f2
}
.user-card-box .g-user-card .card-history .history-item {
    display:block;
    position:relative;
    padding-left:24px;
    color:#787d82;
    transition:background-color .2s;
    line-height:20px
}
#header #login-area .logined>li>a,#header .logo a {
    -webkit-transition:background-color .2s;
    -moz-transition:background-color .2s
}
.user-card-box .g-user-card .card-history .history-item .tit {
    display:block;
    margin-bottom:8px;
    font-weight:700
}
.user-card-box .g-user-card .card-history .history-item .media-name {
    display:block;
    width:200px
}
.user-card-box .g-user-card .card-history .history-item .icon-clock,.user-card-box .g-user-card .card-history .history-item .imv2-history {
    position:absolute;
    left:0;
    top:2px;
    font-size:16px;
    font-weight:700
}
.user-card-box .g-user-card .card-history .history-item .continue {
    position:absolute;
    right:0;
    top:25px;
    color:#00b43c
}
.user-card-box .g-user-card .card-history .history-item .continue:hover {
    color:#00c850
}
.user-card-box .g-user-card .card-sets {
    margin-top:16px;
    font-size:12px;
    line-height:12px
}
.user-card-box .g-user-card .card-sets a {
    color:#93999F
}
.user-card-box .g-user-card .card-sets a:hover {
    color:#4d555d;
    background:0 0
}
.user-card-box.hover .g-user-card {
    visibility:visible
}
.shop-cart {
    position:relative
}
.shop-cart .shop-cart-icon span {
    color:rgba(255,255,255,.6)
}
.shop-cart .shop-cart-icon .icon-shopping-cart,.shop-cart .shop-cart-icon .imv2-cart {
    position:relative;
    top:2px;
    font-size:16px;
    margin-right:8px
}
.shop-cart .shop-cart-icon .shopping_icon {
    padding:0 5px;
    height:16px;
    line-height:16px;
    background:#f01414;
    border-radius:50%;
    color:#fff;
    margin-left:8px
}
.shop-cart .my-cart {
    display:none;
    width:344px;
    padding:0 16px;
    position:absolute;
    right:0;
    background:#fff;
    box-sizing:border-box;
    z-index:99999;
    border-bottom-right-radius:8px;
    border-bottom-left-radius:8px
}
.shop-cart .my-cart .cart-title-box {
    padding:13px 12px;
    border-bottom:1px solid #D3D6D9
}
.shop-cart .my-cart .cart-title-box h2,.shop-cart .my-cart .cart-title-box h5 {
    height:24px;
    line-height:24px
}
.shop-cart .my-cart .cart-title-box h2 {
    font-weight:700;
    font-size:14px;
    color:#1C1F21
}
.shop-cart .my-cart .cart-title-box h5 {
    font-size:12px;
    color:#9199A1
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box {
    height:284px;
    overflow-y:scroll
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul {
    width:100%
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li {
    padding:12px;
    box-sizing:border-box
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li:hover {
    background:#F8FAFC
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li:hover .del {
    display:block
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li a {
    width:auto;
    height:auto
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li img {
    width:100px;
    height:56px;
    margin-right:10px
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .content-box {
    width:160px
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .content-box h3 {
    font-size:12px;
    color:#07111b;
    line-height:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .content-box p {
    margin-top:8px;
    height:16px
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .content-box p span {
    color:rgba(240,20,20,.6);
    font-size:12px;
    line-height:16px
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .content-box p span:hover {
    color:#f01414
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .del {
    display:none;
    cursor:pointer
}
.shop-cart .my-cart .cart-wrap .clear-cart {
    height:284px;
    text-align:center
}
.shop-cart .my-cart .cart-wrap .clear-cart .cartIcon {
    margin:36px 0 8px;
    display:inline-block;
    font-size:72px;
    color:#D3D6D9
}
.shop-cart .my-cart .cart-wrap .clear-cart h3 {
    font-size:14px;
    color:#545C63;
    text-align:center;
    line-height:24px
}
.shop-cart .my-cart .cart-wrap .clear-cart .text {
    margin-bottom:8px;
    font-size:12px;
    color:#9199A1;
    text-align:center;
    line-height:24px
}
.shop-cart .my-cart .cart-wrap .clear-cart .go-link {
    display:block;
    color:rgba(240,20,20,.6);
    font-size:12px;
    line-height:24px;
    margin-bottom:4px
}
.shop-cart .my-cart .cart-wrap .clear-cart .go-link:hover {
    color:#f01414
}
.shop-cart .my-cart .more-box {
    padding:16px 12px;
    border-top:1px solid #D3D6D9
}
.shop-cart .my-cart .more-box .show-box {
    height:32px;
    line-height:32px;
    font-size:12px
}
.shop-cart .my-cart .more-box .show-box .num-icon {
    color:#fff;
    line-height:16px;
    padding:0 5px;
    border-radius:50%;
    background:#f01414;
    box-sizing:border-box
}
.shop-cart .my-cart .more-box .show-box .text,.shop-cart .my-cart .more-box .show-box .text a {
    color:#93999f
}
.shop-cart .my-cart .more-box .show-box .text a:hover {
    color:#4d555d
}
.shop-cart .my-cart .more-box .show-box .go-pay a {
    color:rgba(240,20,20,.6)
}
.shop-cart .my-cart .more-box .go-cart {
    width:96px;
    color:#fff;
    font-size:12px;
    line-height:16px;
    padding:8px 16px;
    background:rgba(240,20,20,.8);
    border-radius:16px;
    border:none
}
.shop-cart .my-cart .more-box .go-cart:hover {
    background-color:#f01414
}
.shop-cart.hover .shop-cart-icon {
    border-color:rgba(255,255,255,.4);
    background-color:rgba(255,255,255,.1)
}
.shop-cart.hover .shop-cart-icon span {
    color:#fff
}
.shop-cart.hover .my-cart {
    display:block
}
#header {
    background:#07111b
}
#header .page-container {
    width:auto;
    padding-right:10px;
    z-index:900;
    box-shadow:0 4px 8px 0 rgba(7,17,27,.1);
    position:relative
}
#header .logo {
    float:left;
    margin:0 20px
}
#header .logo a {
    display:block;
    width:140px;
    height:72px;
    background:url(/static/img/common/logo.png?t=2.4) center center no-repeat;
    transition:background-color .2s
}
#header .nav-item li {
    float:left
}
#header .nav-item li a {
    padding:0 20px;
    display:block;
    color:rgba(255,255,255,.6);
    text-align:center;
    font-size:16px;
    height:72px;
    line-height:72px;
    -webkit-transition:background-color .3s;
    -moz-transition:background-color .3s;
    transition:background-color .3s;
    position:relative
}
#header .nav-item li a .icn-new {
    position:absolute;
    display:inline-block;
    top:14px;
    width:16px;
    height:16px;
    background:url(/static/img/common/new.png) no-repeat
}
#header .nav-item li a.active,#header .nav-item li a:hover {
    color:#fff
}
#header #login-area {
    float:right;
    position:relative
}
#header #login-area .app-download {
    line-height:72px;
    color:rgba(255,255,255,.6)
}
#header #login-area .app-download>a {
    padding:0 15px;
    font-size:14px;
    color:rgba(255,255,255,.6)
}
#header #login-area .app-download>a:hover {
    color:#fff
}
#header #login-area .shop-cart {
    height:36px;
    line-height:36px;
    margin:18px 0
}
#header #login-area .shop-cart .shop-cart-icon {
    display:inline-block;
    padding:0 18px;
    width:auto;
    box-sizing:border-box;
    border:1px solid rgba(255,255,255,.2);
    border-radius:18px;
    height:36px;
    line-height:34px;
    color:#787d82;
    text-align:center
}
#header #login-area .shop-cart .my-cart {
    top:54px
}
#header #login-area .logined>li {
    float:left;
    position:relative
}
#header #login-area .logined>li>a {
    display:block;
    width:60px;
    height:72px;
    line-height:72px;
    color:#787d82;
    text-align:center;
    transition:background-color .2s
}
#header #login-area .logined>li>a:hover,#header #login-area .logined>li>a:hover i {
    color:#fff
}
#header #login-area .header-unlogin>li {
    float:left
}
#header #login-area .header-unlogin .header-signin {
    margin-left:12px;
    color:rgba(255,255,255,.6)
}
#header #login-area .header-unlogin .header-signin a {
    display:inline-block;
    padding:0 12px;
    height:72px;
    line-height:72px;
    font-size:14px;
    color:rgba(255,255,255,.6);
    -webkit-transition:background-color .2s;
    -moz-transition:background-color .2s;
    transition:background-color .2s
}
#new_header .new-header .nav-item li a,.search-area .search-input {
    -webkit-transition:background-color .3s;
    -moz-transition:background-color .3s
}
#header #login-area .header-unlogin .header-signin a:hover {
    color:rgba(240,20,20,.8)
}
#new_header {
    background:#07111B
}
#new_header .new-header {
    width:1152px;
    height:40px;
    margin:0 auto;
    font-size:12px
}
#new_header .new-header .nav-item li {
    float:left;
    margin-right:12px
}
#new_header .new-header .nav-item li a {
    display:block;
    padding:0 12px;
    height:40px;
    line-height:40px;
    color:rgba(255,255,255,.6);
    transition:background-color .3s;
    position:relative
}
#new_header .new-header .nav-item li a .icn-new {
    position:absolute;
    display:inline-block;
    top:2px;
    width:16px;
    height:16px;
    background:url(/static/module/common/img/new.png) no-repeat
}
#new_header .new-header .nav-item li a.active {
    color:#fff
}
#new_header .new-header .nav-item li a:hover {
    color:#fff;
    background:rgba(255,255,255,.1)
}
#new_header .new-header .app-download>a,#new_header .new-header .remind_warp>a,#new_header .new-header .user-card-box>a {
    width:auto;
    padding:0 12px;
    height:40px;
    line-height:40px
}
#new_header .new-header .header-right {
    float:right
}
#new_header .new-header .header-right .app-download {
    float:left;
    color:rgba(255,255,255,.6);
    position:relative
}
#new_header .new-header .header-right .app-download>a {
    display:inline-block;
    padding:0 12px;
    height:40px;
    line-height:40px;
    color:rgba(255,255,255,.6)
}
#new_header .new-header .header-right .app-download>a:hover {
    color:#fff
}
#new_header .new-header .header-right .shop-cart {
    float:left;
    margin-left:12px;
    height:40px;
    line-height:40px
}
#new_header .new-header .header-right .shop-cart .shop-cart-icon {
    display:inline-block;
    height:40px;
    line-height:40px;
    padding:0 12px;
    border-radius:18px
}
#new_header .new-header .header-right .shop-cart .shop-cart-icon span {
    color:rgba(255,255,255,.6)
}
#new_header .new-header .header-right .shop-cart .my-cart {
    top:40px
}
#new_header .new-header .header-right #login-area {
    float:left;
    position:relative
}
#new_header .new-header .header-right #login-area .header-unlogin {
    margin-left:24px
}
#new_header .new-header .header-right #login-area .header-unlogin li {
    float:left
}
#new_header .new-header .header-right #login-area .header-unlogin .header-signin {
    color:#fff
}
#new_header .new-header .header-right #login-area .header-unlogin .header-signin a {
    display:inline-block;
    height:40px;
    line-height:40px;
    font-weight:700;
    color:#fff;
    -webkit-transition:background-color .2s;
    -moz-transition:background-color .2s;
    transition:background-color .2s
}
#new_header .new-header .header-right #login-area .header-unlogin .header-signin a:hover {
    color:#f01414
}
#new_header .new-header .header-right #login-area .logined>li {
    float:left;
    height:40px
}
#new_header .new-header .header-right #login-area .logined>li>a {
    -webkit-transition:background-color .2s;
    -moz-transition:background-color .2s;
    transition:background-color .2s
}
#new_header .new-header .header-right #login-area .logined .remind_warp {
    margin:0;
    width:64px;
    position:relative
}
#new_header .new-header .header-right #login-area .logined .remind_warp .msg_remind {
    display:none;
    width:4px;
    height:4px;
    background-color:#f01414;
    border-radius:50%;
    position:absolute;
    top:12px;
    right:22px
}
#new_header .new-header .header-right #login-area .logined .remind_warp>a {
    display:block;
    color:rgba(255,255,255,.6);
    text-align:center
}
#new_header .new-header .header-right #login-area .logined .remind_warp>a:hover {
    color:#fff
}
#new_header .new-header .header-right #login-area .logined .remind_warp .imv2-notifications {
    line-height:40px;
    font-size:16px
}
#new_header .new-header .header-right #login-area .logined .user-card-box .user-card-item img {
    display:inline-block;
    width:24px;
    height:24px;
    border:2px solid #4d5559;
    border-radius:50%;
    vertical-align:middle
}
#new_header .new-header .header-right #login-area .logined .user-card-box .user-card-item .myspace_remind {
    width:10px;
    height:10px;
    background:url(/static/module/common/img/space-remind.png) no-repeat;
    position:absolute;
    top:10px;
    right:10px
}
#new_header .new-header .header-right #login-area .logined .user-card-box:hover .user-card-item img {
    border-color:rgba(255,255,255,.6)
}
#new_header.special-header .new-header {
    width:1088px
}
.bindHintBox {
    background-color:#ffc;
    box-shadow:0 8px 16px 0 rgba(0,0,0,.2);
    position:absolute;
    right:10px;
    top:60px;
    width:313px;
    height:54px;
    z-index:3;
    font-size:12px;
    line-height:54px;
    color:#07111b;
    padding:0 15px
}
.bindHintBox .closeBindHint {
    width:17px;
    height:17px;
    position:relative;
    top:4px;
    left:20px;
    cursor:pointer;
    background:url(/static/img/nlogin.png) no-repeat;
    transition:transform .2s;
    -webkit-transition:transform .2s;
    -moz-transition:transform .2s;
    -o-transition:transform .2s
}
.bindHintBox .arrow {
    position:absolute;
    right:15px;
    top:-10px;
    border-width:0 10px 10px;
    border-color:transparent transparent #ffc;
    border-style:solid
}
.linkToMall {
    font-size:12px!important;
    color:#fff!important;
    opacity:1!important
}
.remind_warp {
    width:60px;
    height:48px
}
.remind_warp a {
    height:48px;
    line-height:48px
}
.remind_warp .msg_remind {
    display:none;
    position:absolute;
    width:8px;
    height:8px;
    background-color:#f01414;
    right:14px;
    top:14px;
    border-radius:50%
}
.remind_warp .icon-notifi {
    display:block;
    line-height:48px;
    font-size:22px;
    text-align:center;
    cursor:pointer;
    -webkit-transition:color .2s;
    -moz-transition:color .2s;
    transition:color .2s
}
.remind_warp .icon-notifi:hover {
    color:#fff
}
.remind_warp,.search-area {
    margin:12px 0
}
.search-warp {
    position:relative;
    float:left;
    margin-left:24px
}
.search-warp .searchTags {
    z-index:100;
    bottom:24px;
    right:40px
}
.search-warp .searchTags a {
    padding:3px 8px;
    color:rgba(255,255,255,.6);
    background-color:rgba(255,255,255,.1);
    border-radius:12px;
    font-size:12px;
    line-height:24px;
    font-weight:400
}
.search-warp .searchTags a.active,.search-warp .searchTags a:hover {
    background-color:rgba(255,255,255,.2);
    color:#fff
}
.search-warp .showhide-search {
    width:20px;
    height:24px;
    text-align:right;
    position:absolute;
    display:inline-block;
    right:0;
    bottom:24px;
    padding:0 8px;
    border-radius:18px
}
.search-warp .showhide-search i {
    display:block;
    height:24px;
    color:#757a7e;
    cursor:pointer;
    font-size:20px;
    line-height:24px;
    width:20px
}
.search-warp .showhide-search:hover i,.search-warp.search-active .showhide-search i {
    color:#F01414
}
.search-warp .showhide-search:hover {
    background:rgba(240,20,20,.4)
}
.search-warp .search-area.suggest-active {
    border-bottom-color:#F01414
}
.search-warp.search-active .showhide-search {
    background:rgba(240,20,20,.2)
}
.search-area {
    float:right;
    position:relative;
    height:46px;
    width:260px;
    padding-right:40px;
    border-bottom:1px solid rgba(255,255,255,.4);
    zoom:1;
    -webkit-transition:width .3s;
    -moz-transition:width .3s;
    transition:width .3s
}
.search-area .search-input {
    padding:12px 0;
    width:100%;
    height:46px;
    line-height:46px;
    font-size:12px;
    float:left;
    border:0;
    color:#fff;
    transition:background-color .3s;
    background-color:transparent;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box
}
.search-area .btn_search {
    float:left;
    cursor:pointer;
    width:30px;
    height:38px;
    text-align:center;
    -webkit-transition:background-color .3s;
    -moz-transition:background-color .3s;
    transition:background-color .3s
}
.search-area .search-area-result {
    position:absolute;
    left:0;
    top:60px;
    width:300px;
    margin-bottom:20px;
    border-top:none;
    background-color:#fff;
    box-shadow:0 8px 16px 0 rgba(7,17,27,.2);
    font-size:12px;
    overflow:hidden;
    display:none;
    z-index:800;
    border-bottom-right-radius:8px;
    border-bottom-left-radius:8px
}
.search-area .search-area-result li {
    height:40px;
    line-height:40px;
    padding:0 10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#787d82;
    cursor:pointer
}
.search-area .search-area-result li .light,.search-area .search-area-result li:hover {
    color:#1c1f21;
    background-color:#edf0f2
}
.search-area.min {
    width:0;
    border-color:#000
}
.my_message a span {
    display:none
}
.my_message .msg_remind {
    display:none;
    position:absolute;
    width:6px;
    height:6px;
    background-color:#f01414;
    right:14px;
    top:14px;
    border-radius:50%
}
.msg_icon {
    display:none;
    position:absolute;
    padding:0 5px;
    height:16px;
    left:32px;
    top:10px;
    line-height:16px;
    background:#f01414;
    border-radius:50%;
    color:#fff;
    font-style:normal;
    font-size:10px
}
.my_mp span {
    display:block;
    line-height:16px;
    color:#6c7072
}
.my_mp .mp {
    padding-top:12px;
    font-size:12px
}
.my_mp a:hover .mp_num {
    color:#fff
}
.set_btn {
    right:0
}
.set_btn img {
    border-radius:50%;
    display:inline-block;
    background:url(/static/img/menu_icon.png) no-repeat
}
#nav_list {
    display:none;
    z-index:999;
    width:140px;
    position:absolute;
    top:60px;
    right:0;
    background:#363c41;
    list-style:none
}
#nav_list li a {
    border-top:1px solid #4a5153;
    height:39px;
    line-height:39px;
    font-size:14px;
    background-image:url(/static/img/menu_icon.png?t=10);
    background-repeat:no-repeat;
    display:block;
    color:#fff;
    text-align:left;
    padding:0 0 0 47px;
    width:auto
}
#nav_list a:hover {
    color:#fff;
    background-color:#4d5559
}
#nav_list #my_space {
    padding:0 18px;
    background-image:none;
    border:0;
    height:49px;
    line-height:49px;
    text-align:center
}
.bordered,.panel-heading {
    border-bottom:solid 1px #d0d6d9
}
#nav_list .my_message {
    background-position:19px -46px
}
#nav_list #my_note {
    background-position:19px -90px
}
#nav_list #my_question {
    background-position:19px -128px
}
#nav_list #my_setting {
    background-position:19px -167px
}
#nav_list #my_logout {
    background-position:19px -207px
}
.myspace_remind {
    width:10px;
    height:10px;
    background:url(/static/img/space-remind.png) no-repeat;
    position:absolute;
    top:10px;
    right:10px
}
#footer {
    background:#1c1f21;
    border-top:1px solid #e2e4e6;
    font-size:12px;
    color:#787d82;
    padding:27px 0;
    min-width:620px
}
#footer .waper {
    width:auto;
    max-width:1200px
}
#footer .footer_intro {
    padding-left:40px
}
#footer p {
    line-height:1.7
}
.footer_logo {
    display:none;
    float:left;
    background:url(/static/img/common/footer-sprite.png?t=2) 0 -230px no-repeat;
    height:40px;
    width:120px;
    margin:0 20px
}
#footer .des {
    width:445px
}
#footer .followus {
    margin-right:34px;
    padding-left:30px
}
.followus a {
    float:left;
    position:relative;
    width:32px;
    height:32px;
    background-image:url(/static/img/common/footer-sprite.png?t=2);
    background-repeat:no-repeat;
    margin:3px 6px 0;
    opacity:.5;
    filter:alpha(opacity=50);
    -webkit-transition:opacity .2s;
    -moz-transition:opacity .2s;
    transition:opacity .2s;
    z-index:2
}
#footer .followus a:hover {
    opacity:1;
    filter:alpha(opacity=100)
}
.flw-weixin-box {
    position:absolute;
    display:none;
    width:170px;
    height:220px;
    left:-69px;
    bottom:35px;
    background:url(/static/img/common/footer-sprite.png?t=2) no-repeat
}
.followus .followus-weixin {
    background-position:0 -279px
}
.followus-weixin:hover .flw-weixin-box {
    display:block
}
.followus .followus-weibo {
    background-position:0 -321px
}
.followus .followus-qzone {
    background-position:0 -363px
}
.friend-links {
    line-height:60px
}
.friend-links a {
    display:inline-block;
    margin-right:20px
}
.friend-links a:hover {
    text-decoration:underline;
    color:#000
}
.friend-links dl {
    padding:0 10px
}
.friend-links dd {
    float:left;
    width:160px
}
.footer_link ul {
    overflow:hidden;
    margin-top:-1px
}
.footer_link a:active,.footer_link a:link,.footer_link a:visited {
    color:#c8cdd2
}
.footer_link a:hover {
    color:#fff
}
#footer .footer_link {
    margin-bottom:4px;
    line-height:1.8
}
#footer .footer_link li {
    margin-right:30px;
    text-align:center;
    float:left
}
.page {
    margin:25px 0 auto;
    overflow:hidden;
    clear:both;
    text-align:center
}
.page-inner {
    padding:0 20px
}
.page a,.page span,.page-disabled {
    padding:0 4px;
    min-width:24px;
    line-height:32px;
    font-size:14px;
    display:inline-block;
    text-align:center
}
.page a {
    margin:0 8px;
    color:#4d555d;
    border-radius:16px;
    -webkit-transition:border-color .2s;
    -moz-transition:border-color .2s;
    transition:border-color .2s
}
.page a.text-page-tag:hover {
    background:#d9dde1;
    color:#4d555d;
    text-decoration:none
}
.page a.text-page-tag.active {
    background:#4d555d;
    color:#fff
}
.panel,select {
    background-color:#fff
}
.page span,.page-disabled {
    height:32px;
    color:#c8cdd2
}
.page-first,.page-last {
    width:50px
}
.page-next,.page-prev {
    width:70px
}
.progress,progress {
    width:400px;
    height:6px
}
.page .notmargin {
    margin-right:0
}
.panel {
    -webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);
    -moz-box-shadow:0 2px 4px rgba(0,0,0,.2);
    box-shadow:0 2px 4px rgba(0,0,0,.2);
    padding:0 20px;
    color:#1c1f21;
    margin-bottom:20px
}
.panel-title {
    height:50px;
    line-height:50px;
    font-size:16px
}
select {
    margin:0;
    cursor:pointer;
    font-weight:400;
    border:1px solid #ccc;
    color:#555;
    display:inline-block;
    font-size:14px;
    height:30px;
    line-height:30px;
    padding:4px 6px
}
select:focus {
    outline:#333 dotted thin;
    outline:-webkit-focus-ring-color auto 5px;
    outline-offset:-2px
}
a.btn-add-collection {
    display:block;
    background:url(/static/img/course/new_add_collection.png) 46px top no-repeat;
    height:32px;
    color:#909b9e;
    text-align:center;
    line-height:35px
}
.progress,progress {
    display:inline-block
}
a.btn-add-collection:hover {
    background-position:46px -44px;
    color:#fff
}
a.btn-remove-collection {
    background-position:46px -88px;
    color:#909b9e
}
a.btn-remove-collection:hover {
    background-position:46px -130px
}
.course-title .btn-add-collection {
    margin-top:6px
}
.videohead .btn-add-collection {
    margin-top:20px
}
.js-btn-collection .concerned-icon {
    margin-top:34px;
    display:inline-block
}
progress {
    background:#f0f0f0;
    border:0;
    color:#aad94a
}
progress::-webkit-progress-bar {
    background:#f0f0f0
}
progress::-moz-progress-bar {
    background:#aad94a
}
progress::-webkit-progress-value {
    background:#aad94a
}
.progress {
    background:#f0f0f0
}
.progressBar {
    background:#aad94a;
    height:6px
}
.teacher-icon {
    width:7px;
    margin-left:5px;
    position:relative;
    top:1px
}
.double11-popup {
    display:none;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1000;
    background:rgba(0,0,0,.6)
}
.double11-popup a {
    position:fixed;
    top:50%;
    width:560px;
    height:490px;
    left:50%;
    margin-left:-280px;
    margin-top:-300px;
    background-image:url(/static/img/double11-popup.png);
    background-repeat:no-repeat;
    background-size:contain
}
.double11-popup a img {
    width:100%
}
.double11-popup a i {
    position:absolute;
    left:262px;
    bottom:-48px;
    font-size:36px;
    color:#FFF
}
.double11-top {
    width:100%;
    height:48px;
    min-width:1200px;
    background-image:url(/static/img/double11-top.png);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    padding:8px 0;
    box-sizing:border-box;
    overflow:hidden;
    z-index:1000;
    position:relative
}
.double11-top.fixed {
    position:fixed;
    top:0;
    transition:all .5s
}
.double11-top .inner_links {
    width:900px;
    margin:0 auto;
    position:relative;
    left:138px;
    z-index:1001
}
.double11-top .inner_links .act-item {
    display:inline-block;
    height:32px;
    line-height:32px;
    padding:0 16px;
    margin-left:10px;
    border-radius:21px;
    font-size:12px;
    font-family:PingFangSC-Semibold;
    color:#FAD80F;
    background:rgba(255,255,255,.2);
    cursor:pointer
}
.double11-top .inner_links .act-item.mainplace {
    background-image:linear-gradient(-135deg,#ff9d04 0,#f16705 100%);
    color:#fff;
    font-size:14px;
    line-height:30px
}
.double11-bottom {
    width:100%;
    height:136px;
    position:fixed;
    left:0;
    bottom:0;
    z-index:898;
    background-image:url(/static/img/double11-bottom.png);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}
.double11-bottom i {
    position:absolute;
    right:20px;
    bottom:48px;
    font-size:20px;
    color:rgba(255,255,255,.6);
    z-index:900
}
.double11-2018,.elevator {
    position:fixed;
    top:55%;
    right:0
}
.double11-bottom i:hover {
    color:#fff
}
.double11-2018 {
    display:block;
    width:102px;
    height:102px;
    margin-top:-252px;
    z-index:898;
    background-image:url(/static/img/double11-right.png?v=1);
    background-repeat:no-repeat;
    background-size:contain
}
@keyframes tada {
    0%,20%,to {
        transform:scaleX(1)
    }
    2%,4% {
        transform:scale3d(.9,.9,.9) rotate(-3deg)
    }
    10%,14%,18%,6% {
        transform:scale3d(1.1,1.1,1.1) rotate(3deg)
    }
    12%,16%,8% {
        transform:scale3d(1.1,1.1,1.1) rotate(-3deg)
    }
}
.animate-tada {
    animation:tada 6s 2s infinite;
    -webkit-animation:tada 6s 2s infinite
}
.elevator {
    padding:0 16px;
    margin-top:-140px;
    z-index:899;
    background-color:#fff;
    box-shadow:0 4px 12px 0 rgba(7,17,27,.1)
}
.elevator a {
    display:block;
    width:26px;
    padding:16px 0;
    font-size:22px;
    line-height:20px;
    color:#b5b9bc;
    box-sizing:border-box;
    text-align:center;
    border-bottom:1px solid #edf1f2
}
.elevator a:hover {
    color:#14191e
}
.elevator a i {
    font-size:24px;
    color:#D9DDE1
}
.elevator a i:hover {
    color:#14191e
}
.elevator a span {
    display:none;
    font-size:12px;
    color:#07111b;
    line-height:12px
}
.elevator .no-goto {
    border-bottom:none
}
.elevator .elevator-app:hover i,.elevator .elevator-faq:hover i,.elevator .elevator-msg:hover i,.elevator .elevator-top:hover i,.elevator .elevator-weixin:hover i {
    display:none
}
.elevator .elevator-app:hover span,.elevator .elevator-faq:hover span,.elevator .elevator-msg:hover span,.elevator .elevator-top:hover span,.elevator .elevator-weixin:hover span {
    display:inline-block
}
.elevator .elevator-app-box {
    position:absolute;
    width:172px;
    height:212px;
    bottom:-2px;
    right:56px;
    -webkit-transition:opacity .25s,transform .3s;
    -moz-transition:opacity .25s,transform .3s;
    transition:opacity .25s,transform .3s;
    opacity:0;
    filter:alpha(opacity=0);
    max-width:0;
    -webkit-transform:scale(.01);
    -ms-transform:scale(.01);
    transform:scale(.01);
    -webkit-transform-origin:100% 95%;
    -ms-transform-origin:100% 95%;
    transform-origin:100% 95%;
    background:url(/static/img/common/elevator.png?t=3) 0 -220px no-repeat
}
.elevator .elevator-app:hover .elevator-app-box {
    display:block;
    visibility:visible;
    opacity:1;
    filter:alpha(opacity=100);
    max-width:none;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.elevator .elevator-weixin-box {
    position:absolute;
    width:172px;
    height:212px;
    bottom:-4px;
    right:56px;
    -webkit-transition:opacity .25s,transform .3s;
    -moz-transition:opacity .25s,transform .3s;
    transition:opacity .25s,transform .3s;
    opacity:0;
    filter:alpha(opacity=0);
    max-width:0;
    -webkit-transform:scale(.01);
    -ms-transform:scale(.01);
    transform:scale(.01);
    -webkit-transform-origin:100% 95%;
    -ms-transform-origin:100% 95%;
    transform-origin:100% 95%;
    background:url(/static/img/common/elevator.png?t=3) no-repeat
}
.elevator .elevator-weixin:hover .elevator-weixin-box {
    display:block;
    visibility:visible;
    opacity:1;
    filter:alpha(opacity=100);
    max-width:none;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.btn,.cpt-close i,.cpt-ct i,.cpt-handle a {
    display:inline-block
}
a,button,input {
    outline:0
}
a:active {
    star:expression(this.onFocus=this.blur())
}
button::-moz-focus-inner {
    border:0
}
input::-moz-focus-inner {
    border:0
}
.autowrap {
    word-wrap:break-word;
    word-break:break-all
}
.compatible-contianer {
    position:fixed;
    top:0;
    left:0;
    right:0;
    min-width:800px;
    height:30px;
    line-height:30px;
    background:url(/static/img/iebg.gif) repeat-x;
    z-index:999999
}
.cpt-ct {
    color:#363636;
    font-size:12px;
    text-align:center
}
.cpt-ct i {
    width:12px;
    height:14px;
    vertical-align:-2px;
    margin-right:5px;
    background:url(/static/img/iefixed-sprite.png) no-repeat
}
.cpt-ct a {
    color:#39b94e
}
.cpt-ct a:hover {
    text-decoration:underline
}
.cpt-handle {
    position:absolute;
    right:20px;
    top:0;
    font-size:12px;
    line-height:27px
}
.cpt-handle a {
    vertical-align:middle
}
.cpt-handle .cpt-agin {
    color:#656e73;
    margin-right:5px
}
.cpt-handle .cpt-agin:hover {
    color:#363d40
}
.cpt-close {
    width:16px;
    height:16px;
    text-align:center;
    line-height:16px;
    border-radius:50%;
    transition:.3s
}
.cpt-close:hover {
    background-color:#fc8800
}
.cpt-close i {
    height:8px;
    width:8px;
    vertical-align:1px;
    background:url(/static/img/iefixed-sprite.png) 0 -24px no-repeat
}
.cpt-close:hover i {
    background-position:0 -42px
}
.layer-usercard {
    position:absolute;
    z-index:999;
    width:370px;
    height:165px;
    background:#fff;
    box-shadow:0 2px 2px #999
}
.layer-usercard .arrow {
    position:absolute;
    left:65px;
    top:-11px;
    width:19px;
    height:11px;
    background:url(/static/img/dot_usercard.png)
}
.layer-usercard-header {
    height:110px;
    background:#2a2c2e
}
.btn,.btn.active,.btn:active {
    outline:0;
    background-image:none
}
.layer-usercard-header .avatar img {
    border-radius:50px;
    left:21px;
    position:absolute;
    top:21px;
    border:3px solid #7f8082
}
.layer-usercard-header dd,.layer-usercard-header dt {
    float:right;
    width:245px;
    padding-right:20px;
    color:#fff
}
.layer-usercard-header dt {
    padding-top:20px;
    font-size:18px
}
.layer-usercard-header dd {
    font-size:12px
}
.layer-usercard-info ul {
    overflow:hidden;
    padding-top:16px;
    height:32px;
    font-size:16px;
    color:#364247;
    position:relative
}
.layer-usercard-info li {
    float:left;
    padding:0 22px;
    border-right:1px solid #d9d9d9
}
.layer-usercard-info span {
    color:#969b9e;
    font-size:12px
}
.layer-usercard-info li.noborder {
    border:0
}
li.layer-usercard-medal {
    padding:0;
    top:12px;
    right:10px;
    width:117px;
    position:absolute;
    border:0
}
.layer-usercard-medal a {
    width:32px;
    height:32px;
    float:left;
    margin-right:5px;
    border-radius:1px;
    overflow:hidden
}
.ipt,select.ipt {
    height:20px;
    line-height:20px
}
.ipt {
    color:#1c1f21;
    background-color:#fff;
    border:1px solid #98a1a6;
    padding:9px;
    font-size:14px;
    border-radius:0;
    -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
select[multiple].ipt,textarea.ipt {
    height:auto
}
.ipt:-moz-placeholder {
    color:#c8cdd2
}
.ipt::-moz-placeholder {
    color:#c8cdd2;
    opacity:1
}
.ipt:-ms-input-placeholder {
    color:#c8cdd2
}
.ipt::-webkit-input-placeholder {
    color:#c8cdd2
}
.ipt.placeholder {
    color:#c8cdd2
}
.ipt:focus {
    border-color:#1c1f21;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(28,31,33,.4);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(28,31,33,.4);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(28,31,33,.4)
}
.ipt.disabled,.ipt[disabled],.ipt[readonly] {
    cursor:default;
    background-color:#edf1f2;
    opacity:1
}
.btn,.btn-red {
    cursor:pointer
}
.ipt-error {
    color:#ec1500;
    border-color:#ec1500;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.ipt-error:focus {
    border-color:#ec1500;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(236,21,0,.4);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(236,21,0,.4);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(236,21,0,.4)
}
.btn {
    margin-bottom:0;
    font-weight:200;
    text-align:center;
    vertical-align:middle;
    touch-action:manipulation;
    text-decoration:none;
    box-sizing:content-box;
    border:1px solid transparent;
    -webkit-appearance:none;
    white-space:nowrap;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.btn.focus,.btn:focus,.btn:hover {
    color:#fff;
    text-decoration:none
}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    pointer-events:none;
    opacity:.65;
    filter:alpha(opacity=65);
    box-shadow:none
}
.btn-red {
    color:#fff;
    background-color:#ec1500;
    border-color:#ec1500;
    border-style:solid;
    border-width:1px;
    -weibkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    width:138px;
    height:38px;
    line-height:38px;
    font-size:14px
}
.btn-blue,.btn-green {
    -moz-transition:all .3s;
    color:#fff;
    border-style:solid;
    border-width:1px;
    -weibkit-transition:all .3s;
    width:138px;
    height:38px;
    line-height:38px;
    font-size:14px
}
.btn-red:link,.btn-red:visited {
    color:#fff
}
.btn-red.focus,.btn-red:focus,.btn-red:hover {
    color:#fff;
    background-color:#ff2611;
    border-color:#ff2611
}
.btn-red.active,.btn-red:active {
    background-color:#d31300;
    border-color:#d31300
}
.btn-red.disabled,.btn-red.disabled.active,.btn-red.disabled.focus,.btn-red.disabled:active,.btn-red.disabled:focus,.btn-red.disabled:hover,.btn-red[disabled],.btn-red[disabled].active,.btn-red[disabled].focus,.btn-red[disabled]:active,.btn-red[disabled]:focus,.btn-red[disabled]:hover {
    cursor:default;
    box-shadow:none;
    background-color:#ec1500;
    border-color:#ec1500
}
.btn-blue {
    background-color:#1481b8;
    border-color:#1481b8;
    cursor:pointer;
    transition:all .3s
}
.btn-blue:link,.btn-blue:visited {
    color:#fff
}
.btn-blue.focus,.btn-blue:focus,.btn-blue:hover {
    color:#fff;
    background-color:#1898d8;
    border-color:#1898d8
}
.btn-blue.active,.btn-blue:active {
    background-color:#1271a1;
    border-color:#1271a1
}
.btn-blue.disabled,.btn-blue.disabled.active,.btn-blue.disabled.focus,.btn-blue.disabled:active,.btn-blue.disabled:focus,.btn-blue.disabled:hover,.btn-blue[disabled],.btn-blue[disabled].active,.btn-blue[disabled].focus,.btn-blue[disabled]:active,.btn-blue[disabled]:focus,.btn-blue[disabled]:hover {
    cursor:default;
    box-shadow:none;
    background-color:#1481b8;
    border-color:#1481b8
}
.btn-green {
    background-color:#17823b;
    border-color:#17823b;
    cursor:pointer;
    transition:all .3s
}
.btn-green:link,.btn-green:visited {
    color:#fff
}
.btn-green.focus,.btn-green:focus,.btn-green:hover {
    color:#fff;
    background-color:#1ca048;
    border-color:#1ca048
}
.btn-normal,.btn-normal:link,.btn-normal:visited {
    color:#787d82
}
.btn-green.active,.btn-green:active {
    background-color:#136c31;
    border-color:#136c31
}
.btn-green.disabled,.btn-green.disabled.active,.btn-green.disabled.focus,.btn-green.disabled:active,.btn-green.disabled:focus,.btn-green.disabled:hover,.btn-green[disabled],.btn-green[disabled].active,.btn-green[disabled].focus,.btn-green[disabled]:active,.btn-green[disabled]:focus,.btn-green[disabled]:hover {
    cursor:default;
    box-shadow:none;
    background-color:#17823b;
    border-color:#17823b
}
.btn-normal {
    background-color:#fff;
    border-color:#d0d6d9;
    border-style:solid;
    border-width:1px;
    cursor:pointer;
    -weibkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    width:138px;
    height:38px;
    line-height:38px;
    font-size:14px
}
.btn-normal.focus,.btn-normal:focus,.btn-normal:hover {
    color:#787d82;
    background-color:#edf1f2;
    border-color:#98a1a6
}
.btn-normal.active,.btn-normal:active {
    background-color:#f2f2f2;
    border-color:#c2cace
}
.btn-normal.disabled,.btn-normal.disabled.active,.btn-normal.disabled.focus,.btn-normal.disabled:active,.btn-normal.disabled:focus,.btn-normal.disabled:hover,.btn-normal[disabled],.btn-normal[disabled].active,.btn-normal[disabled].focus,.btn-normal[disabled]:active,.btn-normal[disabled]:focus,.btn-normal[disabled]:hover {
    cursor:default;
    box-shadow:none;
    background-color:#fff;
    border-color:#d0d6d9
}
.btn-sm {
    width:78px;
    height:28px;
    line-height:28px;
    font-size:12px
}
.send-area-result dd,.send-area-result dt {
    height:40px;
    line-height:40px
}
.send-area-result {
    background:#fff;
    box-shadow:0 0 8px rgba(0,0,0,.4);
    -moz-box-shadow:0 0 8px rgba(0,0,0,.4);
    -webkit-box-shadow:0 0 8px rgba(0,0,0,.4);
    position:absolute;
    top:58px;
    left:0;
    width:inherit
}
.send-area-result dt {
    font-size:12px;
    color:#c8cdd2;
    padding:0 10px
}
.send-area-result dd a.questiontitle {
    border:none;
    font-size:14px;
    color:#787d82;
    width:inherit;
    text-align:left;
    height:40px;
    line-height:40px;
    padding:0 10px;
    display:block
}
.oncurr {
    color:#14191e;
    background:#edf1f2
}
.send-area-result dd a.questiontitle em,.send-area-result dd a.questiontitle i {
    font-style:normal;
    font-size:12px;
    margin-left:10px
}
.send-area-result dd a.questiontitle em {
    color:#c8cdd2
}
.send-area-result dd a.questiontitle i {
    color:#00b33b
}
.visible-xs-block {
    display:none
}
@media screen and (max-width:1440px) {
    .search-warp {
        margin-left:10px!important
    }
    .search-area {
        width:140px!important
    }
}
@media screen and (max-width:1200px) {
    .nav-item li {
        transition:.3s;
        margin:0
    }
    .nav-item li a {
        padding:0 8px!important
    }
    .search-area {
        width:140px!important
    }
    #footer .followus {
        padding-left:0
    }
    #footer .footer_link li {
        margin-right:10px
    }
}
@media screen and (max-width:979px) {
    #nav,.nav-item li a {
        padding:0 15px
    }
    #logo {
        margin-left:0
    }
    #logo a {
        width:130px
    }
    .logined li>a,.remind_warp {
        width:50px
    }
    .msg_icon {
        left:30px
    }
    .remind_warp .msg_remind {
        right:5px
    }
    .header-app {
        display:none
    }
    #footer .followus a,#footer .footer_link li {
        float:none;
        display:inline-block
    }
    .search-area {
        width:200px
    }
    .header-signin a {
        width:50px
    }
    #footer {
        text-align:center
    }
    #footer .followus {
        float:none;
        padding:0;
        margin-bottom:8px
    }
    #footer .footer_intro {
        float:none;
        padding-left:0
    }
    #footer .footer_link li {
        margin-right:16px
    }
}
@media screen and (max-width:767px) {
    body.slide-left,html.holding {
        height:100%;
        overflow:hidden
    }
    #nav {
        padding:0 15px
    }
    #logo {
        margin-left:0
    }
    #logo a {
        width:120px
    }
    .elevator,.wd-scroll {
        display:none
    }
    .visible-xs-block {
        display:block
    }
    #footer,#login-area,.search-warp,footer {
        display:none
    }
    body:after {
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        z-index:1000;
        content:" ";
        display:block;
        background:#000;
        opacity:0;
        -webkit-transition:all .3s ease;
        transition:all .3s ease;
        visibility:hidden
    }
    body.slide-left {
        -webkit-transform:translate(-130px,0);
        -ms-transform:translate(-130px,0);
        transform:translate(-130px,0);
        margin-right:-130px;
        padding-right:130px
    }
    body.slide-left:after {
        left:-130px;
        visibility:visible;
        opacity:.3;
        z-index:1002
    }
    .navbar-toggle {
        position:relative;
        float:right;
        border:0;
        color:#fff;
        margin-top:10px;
        margin-right:-5px;
        outline:0;
        padding:5px 10px
    }
    .navbar-toggle,.navbar-toggle:focus,.navbar-toggle:hover {
        background:0 0
    }
    .navbar-toggle .icon-menu {
        color:#fff;
        font-size:32px
    }
    body.slide-left .nav-item {
        display:block
    }
}
.newcomer {
    width:100%;
    height:136px;
    position:fixed;
    left:0;
    bottom:0;
    z-index:999;
    background-image:url(/static/img/newcomer.png);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}
.newcomer i {
    position:absolute;
    right:20px;
    bottom:48px;
    font-size:20px;
    color:rgba(255,255,255,.6)
}
.newcomer i:hover {
    color:#fff
}
.newcomer_mask {
    position:fixed;
    z-index:998;
    width:100%;
    height:100%;
    left:0;
    bottom:0;
    background:rgba(7,17,27,.6)
}
.newcomer_modal {
    position:fixed;
    z-index:999;
    left:50%;
    margin-left:-198px;
    top:50%;
    margin-top:-190px;
    width:396px;
    height:390px;
    background:url(/static/img/newcomer_bg.png) no-repeat #FFF;
    border-radius:12px;
    background-size:100% 360px
}
.newcomer_modal .get-btn {
    width:320px;
    height:48px;
    margin:280px auto 16px;
    font-weight:700;
    font-size:16px;
    color:#FFF;
    text-align:center;
    line-height:48px;
    cursor:pointer;
    background-image:linear-gradient(-135deg,#f9662d 0,#f01414 100%);
    border-radius:24px
}
.newcomer_modal .next-time {
    font-size:14px;
    color:#9199A1;
    line-height:22px;
    text-align:center;
    cursor:pointer
}
.newcomer_modal .next-time:hover {
    color:#545c63
}
@media screen and (max-width:480px) {
    .elevator,.wd-scroll {
        display:none
    }
}
@font-face {
    font-family:icomoon;
    src:url(/static/fonts/icomoon/fonts/icomoon.eot?d8493nx);
    src:url(/static/fonts/icomoon/fonts/icomoon.eot?d8493nx#iefix) format('embedded-opentype'),url(/static/fonts/icomoon/fonts/icomoon.ttf?d8493nx) format('truetype'),url(/static/fonts/icomoon/fonts/icomoon.woff?d8493nx) format('woff'),url(/static/fonts/icomoon/fonts/icomoon.svg?d8493nx#icomoon) format('svg');
    font-weight:400;
    font-style:normal
}
[class*=" icon-"],[class^=icon-] {
    font-family:icomoon!important;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-score_shop:before {
    content:"\e927"
}
.icon-receipt:before {
    content:"\e928"
}
.icon-set_key:before {
    content:"\e922"
}
.icon-set_sns:before {
    content:"\e923"
}
.icon-set_phone:before {
    content:"\e924"
}
.icon-set_email:before {
    content:"\e925"
}
.icon-remove_circle:before {
    content:"\e921"
}
.icon-set2:before {
    content:"\e920"
}
.icon-share2:before {
    content:"\e91f"
}
.icon-thumb_o:before {
    content:"\e91e"
}
.icon-check:before {
    content:"\e91d"
}
.icon-radiobu_on:before {
    content:"\e919"
}
.icon-radiobut_off:before {
    content:"\e91a"
}
.icon-checkbox_o:before {
    content:"\e91b"
}
.icon-checkbox:before {
    content:"\e91c"
}
.icon-group_add:before {
    content:"\e918"
}
.icon-exp_o:before {
    content:"\e917"
}
.icon-left3:before {
    content:"\e90a"
}
.icon-godown:before {
    content:"\e910"
}
.icon-goup:before {
    content:"\e912"
}
.icon-notifi:before {
    content:"\e909"
}
.icon-del:before {
    content:"\e60f"
}
.icon-edit:before {
    content:"\e60b"
}
.icon-drop_left:before {
    content:"\e915"
}
.icon-drop_right:before {
    content:"\e90b"
}
.icon-drop_up:before {
    content:"\e916"
}
.icon-drop_down:before {
    content:"\e90c"
}
.icon-notdisplay:before {
    content:"\e90d"
}
.icon-wiki:before {
    content:"\e608"
}
.icon-blog:before {
    content:"\e90e"
}
.icon-yuanwen:before {
    content:"\e90f"
}
.icon-plan:before {
    content:"\e609"
}
.icon-shizhan:before {
    content:"\e911"
}
.icon-tick:before {
    content:"\e600"
}
.icon-left2:before {
    content:"\e913"
}
.icon-right2:before {
    content:"\e914"
}
.icon-down2:before {
    content:"\e903"
}
.icon-up2:before {
    content:"\e904"
}
.icon-flag2:before {
    content:"\e902"
}
.icon-close2:before {
    content:"\e905"
}
.icon-star_outline:before {
    content:"\e901"
}
.icon-star2:before {
    content:"\e900"
}
.icon-show-pw:before {
    content:"\e648"
}
.icon-share-weibo:before {
    content:"\e645"
}
.icon-share-weichat:before {
    content:"\e646"
}
.icon-share-qq:before {
    content:"\e647"
}
.icon-home:before {
    content:"\e601"
}
.icon-clock:before {
    content:"\e602"
}
.icon-chat:before {
    content:"\e603"
}
.icon-msg:before {
    content:"\e604"
}
.icon-resp:before {
    content:"\e605"
}
.icon-addques:before {
    content:"\e606"
}
.icon-user:before {
    content:"\e607"
}
.icon-note:before {
    content:"\e60a"
}
.icon-share:before {
    content:"\e60c"
}
.icon-set:before {
    content:"\e60d"
}
.icon-camera:before {
    content:"\e60e"
}
.icon-search:before {
    content:"\e610"
}
.icon-key:before {
    content:"\e611"
}
.icon-smail:before {
    content:"\e613"
}
.icon-point:before {
    content:"\e614"
}
.icon-tick2:before {
    content:"\e616"
}
.icon-chapter:before {
    content:"\e617"
}
.icon-mobile:before {
    content:"\e618"
}
.icon-gotop:before {
    content:"\e619"
}
.icon-statistic:before {
    content:"\e61a"
}
.icon-code:before {
    content:"\e61b"
}
.icon-video:before {
    content:"\e61c"
}
.icon-test:before {
    content:"\e61d"
}
.icon-menu:before {
    content:"\e61e"
}
.icon-plus:before {
    content:"\e61f"
}
.icon-sub:before {
    content:"\e620"
}
.icon-close:before {
    content:"\e621"
}
.icon-exit:before {
    content:"\e626"
}
.icon-refresh:before {
    content:"\e627"
}
.icon-again:before {
    content:"\e628"
}
.icon-bell:before {
    content:"\e629"
}
.icon-nobell:before {
    content:"\e62a"
}
.icon-nolearn:before {
    content:"\e62b"
}
.icon-half:before {
    content:"\e62c"
}
.icon-full:before {
    content:"\e62d"
}
.icon-info:before {
    content:"\e926"
}
.icon-point-revert:before {
    content:"\e62e"
}
.icon-ques-revert:before {
    content:"\e62f"
}
.icon-tick-revert:before {
    content:"\e630"
}
.icon-flag:before {
    content:"\e631"
}
.icon-msg-revert:before {
    content:"\e632"
}
.icon-ad:before {
    content:"\e633"
}
.icon-imooc:before {
    content:"\e634"
}
.icon-thumb:before {
    content:"\e635"
}
.icon-thumb-revert:before {
    content:"\e636"
}
.icon-star:before {
    content:"\e637"
}
.icon-star-revert:before {
    content:"\e638"
}
.icon-heart:before {
    content:"\e639"
}
.icon-heart-revert:before {
    content:"\e63a"
}
.icon-qq:before {
    content:"\e63b"
}
.icon-weibo:before {
    content:"\e63c"
}
.icon-qqweibo:before {
    content:"\e63d"
}
.icon-weixin:before {
    content:"\e63e"
}
.icon-folder:before {
    content:"\e63f"
}
.icon-jian:before {
    content:"\e640"
}
.icon-ding:before {
    content:"\e641"
}
.icon-you:before {
    content:"\e642"
}
.icon-apple:before {
    content:"\e643"
}
.icon-android:before {
    content:"\e644"
}
.icon-mail:before {
    content:"\e612"
}
.icon-wxgzh:before {
    content:"\e907"
}
.icon-appdownload:before {
    content:"\e908"
}
.icon-feedback:before {
    content:"\e906"
}
.icon-shopping-cart:before {
    content:"\e929"
}
.icon-ques:before {
    content:"\e615"
}
.icon-down:before {
    content:"\e622"
}
.icon-left:before {
    content:"\e623"
}
.icon-top:before {
    content:"\e624"
}
.icon-right:before {
    content:"\e625"
}
@font-face {
    font-family:imv2;
    src:url(/static/fonts/imv2/fonts/imv2.eot?elwc2w);
    src:url(/static/fonts/imv2/fonts/imv2.eot?elwc2w#iefix) format('embedded-opentype'),url(/static/fonts/imv2/fonts/imv2.ttf?elwc2w) format('truetype'),url(/static/fonts/imv2/fonts/imv2.woff?elwc2w) format('woff'),url(/static/fonts/imv2/fonts/imv2.svg?elwc2w#imv2) format('svg');
    font-weight:400;
    font-style:normal
}
[class*=" imv2-"],[class^=imv2-] {
    font-family:imv2!important;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.imv2-head1:before {
    content:"\e928"
}
.imv2-head2:before {
    content:"\e929"
}
.imv2-cloud_webide:before {
    content:"\e926"
}
.imv2-open_code:before {
    content:"\e927"
}
.imv2-dot_normal:before {
    content:"\e924"
}
.imv2-dot_samll:before {
    content:"\e925"
}
.imv2-code_circle:before {
    content:"\e920"
}
.imv2-exercise_circle:before {
    content:"\e921"
}
.imv2-homework_circle:before {
    content:"\e922"
}
.imv2-video_circle:before {
    content:"\e923"
}
.imv2-line:before {
    content:"\e91e"
}
.imv2-school:before {
    content:"\e91d"
}
.imv2-pin:before {
    content:"\e91c"
}
.imv2-path:before {
    content:"\e91a"
}
.imv2-war:before {
    content:"\e91b"
}
.imv2-score_shop:before {
    content:"\e563"
}
.imv2-receipt:before {
    content:"\e8b0"
}
.imv2-loading:before {
    content:"\e918"
}
.imv2-play_circle:before {
    content:"\e038"
}
.imv2-cloud_upload:before {
    content:"\e2c3"
}
.imv2-cloud_download:before {
    content:"\e2c0"
}
.imv2-cloud_done:before {
    content:"\e2bf"
}
.imv2-cloud:before {
    content:"\e42d"
}
.imv2-alarm:before {
    content:"\e855"
}
.imv2-nav_chapter:before {
    content:"\e916"
}
.imv2-nav_qa:before {
    content:"\e917"
}
.imv2-nav_note:before {
    content:"\e22b"
}
.imv2-set-key:before {
    content:"\e903"
}
.imv2-set-sns:before {
    content:"\e904"
}
.imv2-set-email:before {
    content:"\e905"
}
.imv2-feedback:before {
    content:"\e906"
}
.imv2-appdownload:before {
    content:"\e907"
}
.imv2-weixigzh:before {
    content:"\e908"
}
.imv2-lock:before {
    content:"\e897"
}
.imv2-chapter:before {
    content:"\e900"
}
.imv2-half:before {
    content:"\e901"
}
.imv2-empty:before {
    content:"\e902"
}
.imv2-video:before {
    content:"\e037"
}
.imv2-code:before {
    content:"\e86f"
}
.imv2-exercise:before {
    content:"\e164"
}
.imv2-homework:before {
    content:"\e909"
}
.imv2-arrow1_l:before {
    content:"\e5c6"
}
.imv2-arrow1_r:before {
    content:"\e5cb"
}
.imv2-arrow1_u:before {
    content:"\e5c7"
}
.imv2-arrow1_d:before {
    content:"\e5c5"
}
.imv2-arrow2_l:before {
    content:"\e408"
}
.imv2-arrow2_r:before {
    content:"\e409"
}
.imv2-arrow2_u:before {
    content:"\e5ce"
}
.imv2-arrow2_d:before {
    content:"\e5cf"
}
.imv2-arrow3_l:before {
    content:"\e5c4"
}
.imv2-arrow3_r:before {
    content:"\e5c8"
}
.imv2-arrow3_u:before {
    content:"\e5d8"
}
.imv2-arrow3_d:before {
    content:"\e5db"
}
.imv2-checkbox:before {
    content:"\e834"
}
.imv2-checkbox_onk:before {
    content:"\e835"
}
.imv2-radiobox:before {
    content:"\e837"
}
.imv2-radiobxo_o:before {
    content:"\e836"
}
.imv2-check:before {
    content:"\e5ca"
}
.imv2-check_c:before {
    content:"\e86c"
}
.imv2-close:before {
    content:"\e5cd"
}
.imv2-close_c:before {
    content:"\e5c9"
}
.imv2-error_c:before {
    content:"\e000"
}
.imv2-info:before {
    content:"\e88e"
}
.imv2-add_circle_o:before {
    content:"\e3ba"
}
.imv2-add_circle:before {
    content:"\e147"
}
.imv2-help_outline:before {
    content:"\e8fd"
}
.imv2-help:before {
    content:"\e887"
}
.imv2-thumb_up:before {
    content:"\e8dc"
}
.imv2-thumb_down:before {
    content:"\e8db"
}
.imv2-history:before {
    content:"\e8b5"
}
.imv2-cart:before {
    content:"\e8cc"
}
.imv2-add_cart:before {
    content:"\e854"
}
.imv2-star:before {
    content:"\e838"
}
.imv2-star_h:before {
    content:"\e919"
}
.imv2-delete:before {
    content:"\e872"
}
.imv2-edit:before {
    content:"\e254"
}
.imv2-replay:before {
    content:"\e042"
}
.imv2-refresh:before {
    content:"\e90a"
}
.imv2-set_1:before {
    content:"\e8b8"
}
.imv2-set_2:before {
    content:"\e429"
}
.imv2-folder:before {
    content:"\e2c7"
}
.imv2-share:before {
    content:"\e80d"
}
.imv2-visibility:before {
    content:"\e8f4"
}
.imv2-visibility_off:before {
    content:"\e8f5"
}
.imv2-search:before {
    content:"\e8b6"
}
.imv2-message:before {
    content:"\e159"
}
.imv2-notifications:before {
    content:"\e7f4"
}
.imv2-home:before {
    content:"\e88a"
}
.imv2-kecheng:before {
    content:"\e86e"
}
.imv2-shizhan:before {
    content:"\e1e2"
}
.imv2-lujing:before {
    content:"\e14f"
}
.imv2-yuanwen:before {
    content:"\e90b"
}
.imv2-shouji:before {
    content:"\e90c"
}
.imv2-wiki:before {
    content:"\e90d"
}
.imv2-follow_user:before {
    content:"\e7f0"
}
.imv2-photo:before {
    content:"\e412"
}
.imv2-tag_faces:before {
    content:"\e420"
}
.imv2-pause:before {
    content:"\e034"
}
.imv2-fullscreen:before {
    content:"\e5d0"
}
.imv2-fullscreen_exit:before {
    content:"\e5d1"
}
.imv2-vol_up:before {
    content:"\e050"
}
.imv2-vol_down:before {
    content:"\e04d"
}
.imv2-vol_mute:before {
    content:"\e04e"
}
.imv2-vol_off:before {
    content:"\e04f"
}
.imv2-ios:before {
    content:"\e90e"
}
.imv2-android:before {
    content:"\e859"
}
.imv2-weixin:before {
    content:"\e90f"
}
.imv2-qq:before {
    content:"\e910"
}
.imv2-weibo:before {
    content:"\e911"
}
.imv2-weixin_c:before {
    content:"\e912"
}
.imv2-qq_c:before {
    content:"\e913"
}
.imv2-weibo_c:before {
    content:"\e914"
}
.imv2-imooc:before {
    content:"\e915"
}
.imv2-load_o:before {
    content:"\e88b"
}
.imv2-textsms:before {
    content:"\e0d8"
}
.imv2-follow_o:before {
    content:"\e87e"
}
.imv2-follow:before {
    content:"\e87d"
}
.imv2-add:before {
    content:"\e145"
}
.imv2-assignment_ind:before {
    content:"\e85e"
}
.imv2-flag:before {
    content:"\e153"
}
.imv2-finish:before {
    content:"\e3a6"
}
.imv2-build:before {
    content:"\e869"
}
.imv2-chat_bubble:before {
    content:"\e0ca"
}
.imv2-cloud_off:before {
    content:"\e2c1"
}
.imv2-description:before {
    content:"\e873"
}
.imv2-insert_invitation:before {
    content:"\e24f"
}
.imv2-event_busy:before {
    content:"\e615"
}
.imv2-filter_drama:before {
    content:"\e3dd"
}
.imv2-format_size:before {
    content:"\e245"
}
.imv2-bold:before {
    content:"\e238"
}
.imv2-italic:before {
    content:"\e23f"
}
.imv2-list_bulleted:before {
    content:"\e241"
}
.imv2-list_numbered:before {
    content:"\e242"
}
.imv2-link:before {
    content:"\e157"
}
.imv2-quote:before {
    content:"\e244"
}
.imv2-undo:before {
    content:"\e166"
}
.imv2-redo:before {
    content:"\e15a"
}
.imv2-import_image:before {
    content:"\e3c4"
}
.imv2-photo_image:before {
    content:"\e410"
}
.imv2-lightbulb_outline:before {
    content:"\e91f"
}
.imv2-memory:before {
    content:"\e322"
}
.imv2-more_horiz:before {
    content:"\e5d3"
}
.imv2-forward:before {
    content:"\e040"
}
.imv2-sim_card:before {
    content:"\e32b"
}
.imv2-stars:before {
    content:"\e8d0"
}
.imv2-straighten:before {
    content:"\e41c"
}
.imv2-invoice:before {
    content:"\e048"
}
.imv2-voicemail:before {
    content:"\e0d9"
}
.imv2-bright:before {
    content:"\e42e"
}
@font-face {
    font-family:DINCond-M;
    src:url(/static/fonts/DINCondm/DINCOND-MEDIUM.otf);
    font-weight:400;
    font-style:normal
}
.giveupcon h4,.sendadd h4,.sendok {
    font-family:"PingFang SC","微软雅黑","Microsoft YaHei",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif
}
#face_panel {
    background-color:#eae2df;
    border:1px solid #9FA0A0;
    border-radius:3px;
    bottom:4px;
    box-shadow:0 0 6px rgba(94,89,89,.57);
    left:0;
    margin-bottom:80px;
    overflow-y:hidden;
    padding:15px;
    width:530px;
    z-index:999;
    position:absolute;
    height:215px
}
#face_panel #choose_face {
    border:1px solid #DFE6F6;
    border-width:0
}
/*zoom:1 #face_panel #choose_face:after {
           content:'\20';
           display:block;
           clear:both
       }*/
#choose_face a {
    display:block;
    float:left;
    height:65px;
    padding:4px
}
#choose_face a:hover {
    background:#e1dcd6
}
#choose_face a p {
    line-height:22px;
    text-align:center
}
#choose_face a.border_bottom_none {
    border-bottom:none
}
#choose_face a.border_right_none {
    border-right:none
}
.font-colorg #choose_face a p {
    color:#5e5e5e
}
body {
    background-color:#fff
}
#main {
    padding:0;
    position:relative
}
.user-head-info .user-info {
    position:relative;
    width:1152px;
    margin:0 auto
}
.user-head-info .user-info .user-pic {
    float:left;
    width:148px;
    height:148px
}
.user-head-info .user-info .user-pic .user-pic-bg {
    border:4px solid #FFF;
    box-shadow:0 4px 8px 0 rgba(7,17,27,.1);
    width:140px;
    height:140px;
    position:relative;
    border-radius:50%;
    background:#fff;
    top:24px
}
.user-head-info .user-info .user-pic .user-pic-bg .img {
    text-align:center;
    width:140px;
    height:140px;
    border-radius:50%
}
.user-head-info .user-info .user-info-right {
    float:right;
    width:980px
}
.user-head-info .user-info .user-name {
    font-weight:600;
    text-align:left;
    font-size:24px;
    color:#FFF;
    line-height:28px;
    margin-top:48px
}
.user-head-info .user-info .user-name .signicon,.user-head-info .user-info .user-name span {
    float:left
}
.user-head-info .user-info .user-name .signicon {
    width:25px;
    margin-left:12px;
    background-image:url(/static/img/u/user-info-icon.png);
    background-repeat:no-repeat;
    position:relative;
    top:0
}
.user-head-info .user-info .user-name .signicon_iden {
    width:80px;
    height:30px;
    line-height:30px;
    text-align:center;
    font-size:12px;
    background:#fff;
    display:none;
    position:absolute;
    top:32px;
    left:-29px;
    color:#14191e;
    font-weight:400
}
.user-head-info .user-info .user-name .signicon_iden i {
    color:#fff;
    font-size:32px;
    position:absolute;
    margin-left:-16px;
    left:50%;
    top:-17px
}
.user-head-info .user-info .user-name .teacher {
    background-position:0 -24px;
    height:25px
}
.user-head-info .user-info .user-name .mxr {
    background-position:0 2px;
    height:24px;
    cursor:pointer
}
.user-head-info .user-info .user-name .mxr .signicon_iden {
    width:50px;
    left:-14px
}
.user-head-info .user-info .user-name .author {
    background-position:0 -48px;
    height:24px
}
.user-head-info .user-info .about-info {
    font-size:14px;
    color:#fff;
    line-height:20px;
    text-align:left;
    margin-top:6px
}
.user-head-info .user-info .about-info span {
    display:inline-block;
    margin-right:10px;
    font-size:14px;
    color:#FFF;
    line-height:20px
}
.user-head-info .user-info .about-info a.more-user-info {
    font-size:12px;
    color:rgba(255,255,255,.6);
    line-height:16px;
    display:inline-block;
    height:16px;
    padding-left:16px;
    border-left:2px solid rgba(255,255,255,.4);
    cursor:pointer
}
.user-head-info .user-info .about-info .u-info-credit a,.user-head-info .user-info .about-info .u-info-mp a {
    color:#fff
}
.user-head-info .user-info .about-info a.more-user-info i {
    display:inline-block;
    margin-right:2px
}
.user-head-info .user-info .about-info .gender {
    display:inline-block;
    width:16px;
    height:16px;
    background:url(/static/img/u/gender.png) no-repeat;
    vertical-align:-3px
}
.user-head-info .user-info .about-info .sexSecret {
    display:inline-block;
    width:16px;
    height:16px;
    background:url(/static/img/u/secret.png) no-repeat;
    vertical-align:-3px
}
.user-head-info .user-info .about-info .girl {
    background-position:0 -17px
}
.user-head-info .user-info .about-info .u-info-credit,.user-head-info .user-info .about-info .u-info-learn {
    margin-left:10px
}
.user-head-info .user-info .about-info .u-info-credit em {
    margin-left:5px
}
.user-head-info .user-info .about-info .u-info-mp {
    margin-left:10px
}
.user-head-info .user-info .about-info .u-info-mp em {
    margin-left:5px
}
.user-head-info .user-info .user-sign {
    font-size:14px;
    color:#FFF;
    line-height:24px;
    width:440px;
    overflow:hidden;
    word-break:break-all;
    word-wrap:break-word
}
.user-head-info .user-info .user-desc {
    font-size:14px;
    line-height:24px;
    color:#fff;
    text-align:left;
    margin-top:20px;
    word-break:break-all;
    word-wrap:break-word;
    opacity:.5;
    margin-left:24px
}
.user-head-info .study-info {
    position:absolute;
    top:48px;
    right:10px;
    min-width:200px;
    text-align:right
}
.user-head-info .study-info .item {
    line-height:48px;
    vertical-align:middle;
    height:48px;
    float:left
}
.user-head-info .study-info .item em {
    display:block;
    text-align:center;
    font-weight:700;
    font-size:24px;
    color:rgba(255,255,255,.8);
    line-height:28px
}
.user-head-info .study-info .item span {
    display:block;
    text-align:center;
    font-size:14px;
    color:rgba(255,255,255,.8);
    line-height:20px;
    margin-top:4px
}
.user-head-info .study-info .integral {
    margin:0 40px
}
.user-head-info .study-info .follows {
    margin-right:24px
}
.user-head-info .study-info .set-btn {
    padding:8px 16px;
    border:1px solid rgba(255,255,255,.4);
    border-radius:18px;
    font-size:14px;
    color:rgba(255,255,255,.8);
    line-height:20px;
    height:20px
}
.user-head-info .study-info .set-btn i {
    font-size:16px;
    display:inline-block;
    margin-right:4px
}
.user-head-info .study-info .set-btn:hover {
    color:#fff;
    border-color:#fff
}
.user-head-info .study-info .status-btn {
    width:100px;
    padding:8px 0;
    border-radius:18px;
    font-size:14px;
    color:rgba(255,255,255,.8);
    line-height:20px;
    height:20px;
    cursor:pointer;
    text-align:center;
    display:inline-block
}
.user-head-info .study-info .status-btn i {
    font-size:16px;
    display:inline-block;
    margin-right:4px
}
.user-head-info .study-info .add-follow {
    background:rgba(240,20,20,.8);
    border-radius:18px
}
.user-head-info .study-info .add-follow:hover {
    background:#f01414
}
.user-head-info .study-info .already-follow {
    background:rgba(255,255,255,.2);
    border-radius:18px
}
.user-head-info .study-info .already-follow:hover {
    background:rgba(255,255,255,.4)
}
.user-head-info .study-info .js-fans-msg,.user-head-info .study-info .js-u-add-follow,.user-head-info .study-info .js-u-already-follow {
    margin-right:10px
}
.bg-author,.bg-other,.bg-teacher {
    background:url(../../static/img/user/temp1.png) center top no-repeat #000;
    background-size:cover
}
.wrap {
    position:relative;
    width:1200px;
    margin:0 auto
}
.slider {
    position:absolute;
    width:172px;
    left:24px;
    top:0
}
.slider ul li:first-child {
    margin-top:40px
}
.slider ul li {
    height:48px;
    width:160px;
    margin:0 auto 8px
}
.slider ul a.active:after,.slider ul li:first-child a.active:after {
    display:block;
    content:"";
    bottom:0;
    right:0;
    width:0;
    border-left:15px solid transparent
}
.slider ul li:first-child a.active:after {
    position:absolute;
    height:0;
    border-top:24px solid #F8FAFC;
    border-bottom:24px solid #F8FAFC
}
.slider ul a {
    position:relative;
    display:block;
    height:48px;
    font-size:16px;
    line-height:48px;
    color:#787d82;
    padding-left:54px;
    text-align:left
}
.slider ul a:hover {
    color:#14191e
}
.slider ul a.active {
    color:#fff;
    background:rgba(240,20,20,.8);
    border-radius:8px 0 0 8px
}
.slider ul a.active i {
    color:#fff
}
.slider ul a.active:after {
    position:absolute;
    height:0;
    border-top:24px solid #fff;
    border-bottom:24px solid #fff
}
.slider ul a i {
    position:absolute;
    left:20px;
    top:0;
    font-size:20px;
    color:#93999f;
    line-height:48px
}
.slider ul a b {
    visibility:hidden
}
.u-container {
    margin-left:240px;
    min-height:589px
}
.addfriendtip {
    width:417px;
    background:#c9c9c9;
    padding:8px;
    display:none;
    position:absolute;
    z-index:999;
    top:30%;
    left:215px
}
.sendadd {
    width:422px
}
.sendadd textarea {
    height:110px;
    border:1px solid #cdcdcd;
    width:382px;
    padding:4px;
    background:#fff;
    font-size:100%
}
.sendadd textarea:focus {
    border-color:#b4b4b4
}
.giveupcon h4,.sendadd h4 {
    position:relative;
    font-size:18px;
    line-height:40px;
    padding-left:16px;
    height:40px
}
.giveupcon h4 span,.sendadd h4 .tipclose {
    width:16px;
    height:16px;
    position:absolute;
    right:12px;
    top:12px;
    cursor:pointer
}
.sendcon {
    padding:15px
}
.sendsq {
    padding:20px 0;
    text-align:center
}
.successtip {
    width:248px;
    background:#c9c9c9;
    padding:6px;
    position:absolute;
    top:37%;
    left:280px;
    z-index:999;
    display:none
}
.successcon {
    width:236px;
    padding:6px;
    background:#fff;
    position:relative
}
.successcon .suclose {
    background:url(/static/img/tipicon.png) no-repeat;
    width:16px;
    height:16px;
    float:right;
    cursor:pointer
}
.sendok {
    clear:both;
    background:url(/static/img/zyicon.png) 0 -106px no-repeat;
    height:52px;
    margin:12px 0 0 30px;
    padding:10px 0 0 50px;
    color:#666;
    font-size:24px
}
.sendmsg_avatar {
    display:inline-block;
    width:40px;
    height:40px;
    margin-top:8px;
    position:absolute;
    top:0;
    left:15px
}
.ansListA {
    float:right;
    display:block;
    background:#fff
}
.sendadd h4,.sendmsg h4 {
    height:56px;
    padding-left:16px;
    position:relative;
    line-height:56px;
    background:#be3948;
    color:#fff
}
.sendmsg #sendEmojiIcon {
    margin:0 0 0 7px;
    float:left
}
.sendmsg #sendBtn {
    display:inline-block;
    height:31px;
    color:#fff;
    text-align:center;
    line-height:31px;
    font-size:14px;
    font-weight:700;
    float:right;
    padding:0
}
.sendmsg .imgset {
    float:left;
    width:40px;
    height:60px;
    background:url(/static/img/icron_mgr.png) center 24px no-repeat
}
.sendmsg_btn_box {
    background:#fff;
    padding:12px 8px 20px;
    zoom:1;
    position:relative;
    overflow:hidden
}
.sendmsg_btn_box:after {
    content:'\20';
    display:block;
    clear:both
}
.private-letter {
    width:580px
}
.private-letter .sendcon {
    background:#fff;
    padding:20px 40px 10px;
    position:relative
}
.private-letter textarea {
    width:499px
}
.private-letter .privatel-wrap {
    padding:12px 0 20px 50px;
    color:#363d40
}
.private-letter #sendEmojiIcon {
    margin-left:40px
}
.private-letter .sendmsg_btn_box {
    padding-right:40px
}
.pravtie_close .btn-large,.private-letter #sendBtn {
    background:#39b94e
}
.pravtie_close .btn-large:hover,.private-letter #sendBtn:hover {
    background:#3ec154;
    color:#fff;
    outline:0;
    -webkit-transition:.25s;
    -moz-transition:.25s;
    transition:.25s
}
.pravtie_close .xubox_close1 {
    background:url(/static/img/pravtie_close.jpg) no-repeat;
    width:30px;
    height:30px;
    top:15px;
    right:16px
}
.pravtie_close .xubox_close1:hover {
    background-position:-30px 0
}
.privatel-name {
    position:absolute;
    top:19px;
    left:40px
}
.space-code .course-list li {
    height:222px
}
.space-code .course-list li .code-count {
    margin-top:10px;
    font-size:12px;
    color:#b5b9bc
}
.plans-main .desc,.plans-main .plans-list-desc h5 {
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.plans-main {
    padding-bottom:60px
}
.plans-main .plans-list {
    margin-bottom:40px
}
.plans-main p {
    margin-top:150px;
    font-size:18px;
    color:#b5b9bc;
    text-align:center
}
.plans-main .tags,.plans-main h2 {
    margin-top:10px
}
.plans-main .red {
    color:#f01400
}
.plans-main h2 {
    height:60px;
    line-height:60px;
    font-size:14px;
    color:#7f8082;
    border-bottom:1px solid #d4d5d7;
    padding-left:5px
}
.plans-main .plans-list li {
    position:relative;
    padding:30px 0;
    border-bottom:1px solid #edf1f0
}
.plans-main .plans-list a {
    display:block
}
.plans-main .plans-list-img {
    width:200px;
    height:116px;
    float:left
}
.plans-main .plans-list-img img {
    width:200px;
    height:116px
}
.plans-main .plans-list-desc {
    float:left;
    padding-left:32px;
    height:116px;
    width:600px
}
.plans-main .plans-list-desc h5 {
    height:36px;
    font-weight:700;
    font-size:20px;
    color:#07111B;
    line-height:36px
}
.plans-main .desc {
    font-size:14px;
    color:#4D555D;
    line-height:24px
}
.plans-main .tags span {
    display:inline-block;
    padding:2px 10px;
    height:20px;
    line-height:20px;
    margin-right:5px;
    font-size:12px;
    background-color:#edf1f2;
    color:#767a7b
}
.plans-main .catog-points {
    margin-top:12px;
    position:relative;
    word-wrap:break-word
}
.plans-main .catog-points .item-common {
    margin-right:48px;
    font-size:14px;
    color:#4D555D;
    line-height:36px
}
.plans-main .catog-points .item-common i {
    color:#93999f;
    font-style:normal
}
.plans-main .catog-points .item-common:last-child {
    margin-right:0
}
.plans-main .catog-points a {
    display:inline-block;
    color:#4D555D
}
.plans-main .catog-points a:hover,.plans-main .catog-points a:hover i {
    color:#14191e
}
.plans-main .catog-points .plans-list-progress {
    margin-right:48px;
    font-size:14px;
    height:36px;
    color:rgba(240,20,20,.6);
    line-height:36px
}
.plans-main .catog-points .plans-list-progress i {
    margin-left:4px;
    font-style:normal
}
.plans-main .catog-points .service.h36 {
    height:36px
}
.plans-main .catog-points .service.h36 .triangle {
    top:32px;
    left:100px;
    border-top:none;
    border-bottom:5px solid #2B333B
}
.plans-main .catog-points .service.h36 .triangle .tip {
    top:5px;
    left:-115px;
    bottom:auto;
    width:230px
}
.plans-main .catog-points .service {
    position:relative
}
.plans-main .catog-points .service i.red {
    color:rgba(240,20,20,.6)
}
.plans-main .catog-points .service p {
    margin-top:0;
    font-size:14px;
    color:#4D555D;
    line-height:36px
}
.plans-main .catog-points .service .triangle {
    display:none;
    position:absolute;
    bottom:32px;
    left:31px;
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #2B333B;
    z-index:3
}
.plans-main .catog-points .service .triangle .tip {
    position:absolute;
    bottom:5px;
    left:-126px;
    padding:8px;
    width:252px;
    box-sizing:border-box;
    font-size:12px;
    color:#FFF;
    line-height:18px;
    text-align:left;
    background:#2B333B;
    box-shadow:0 2px 4px 0 rgba(7,17,27,.2);
    border-radius:4px
}
.plans-main .catog-points .service .triangle .tip span {
    font-size:12px;
    margin-right:0
}
.plans-main .catog-points .service .triangle .tip a {
    color:#0a92ce
}
.plans-main .catog-points .service .triangle .tip a:hover {
    color:#099ee0
}
.plans-main .catog-points .service:hover .triangle {
    display:block
}
.plans-main .catog-points .continute-btn {
    display:inline-block;
    position:absolute;
    right:0;
    bottom:0;
    font-size:14px;
    border:1px solid #f01400;
    color:#f01400;
    width:90px;
    height:38px;
    line-height:38px;
    text-align:center;
    background-color:#fff
}
.plans-main .study {
    width:104px;
    height:36px;
    line-height:36px;
    text-align:center;
    font-size:14px;
    position:absolute;
    right:0;
    bottom:37px;
    color:#fff;
    background:rgba(240,20,20,.6);
    border-radius:18px
}
.plans-main .study:hover {
    color:#fff;
    background-color:#f01414
}
.plans-main .share-box {
    position:absolute;
    right:0;
    top:26px;
    width:30px;
    background-color:#ff0;
    overflow:visible
}
.plans-main .share-box .show-btn {
    position:absolute;
    top:0;
    right:0;
    width:30px;
    height:20px;
    font-size:16px;
    text-align:right;
    color:#bdc0c3;
    cursor:pointer
}
.plans-main .share-box .show-btn:hover i {
    color:#14191e
}
.plans-main .share-box .share-box-con {
    display:none;
    position:absolute;
    z-index:99;
    top:18px;
    right:0;
    width:208px;
    height:58px;
    background-color:#fff;
    box-shadow:4px 4px 10px 2px #e1e1e1
}
.plans-main .share-box .w142 {
    width:142px
}
.plans-main .share-box.hover .share-box-con {
    display:block
}
.plans-main .share-box .bdsharebuttonbox {
    float:left;
    width:145px;
    overflow:hidden;
    margin-top:15px;
    margin-left:5px
}
.plans-main .share-box .bdsharebuttonbox a {
    display:inline-block;
    position:relative;
    font-size:18px;
    font-weight:400!important;
    color:#b5b9bc!important;
    background-image:none!important
}
.plans-main .share-box .bdsharebuttonbox a:hover {
    color:#787d82!important
}
.plans-main .share-box .follow {
    float:left;
    width:53px;
    height:18px;
    text-align:center;
    border-left:1px solid #edf1f2;
    margin-top:20px;
    font-size:18px;
    cursor:pointer
}
.plans-main .share-box .follow .icon-del {
    color:#b5b9bc;
    display:block
}
.plans-main .share-box .follow .icon-del:hover {
    color:#787d82
}
.page-home .item .userHead,.page-home .item.newuser .content .body img {
    border-radius:20px
}
.dynamicLoad {
    color:#787d82;
    text-align:center;
    font-size:16px;
    height:95px;
    line-height:95px
}
.pb24 {
    padding-bottom:24px!important
}
.pl203 {
    padding-left:203px!important
}
.h136 {
    height:136px
}
.gender {
    display:inline-block;
    width:16px;
    height:16px;
    background:url(/static/img/u/gender.png) no-repeat;
    vertical-align:-3px
}
.girl {
    background-position:0 -17px
}
.page-home * {
    word-break:break-all!important
}
.page-home .top30 {
    top:30px
}
.titlecolor {
    color:#07111b!important
}
.settingicon {
    margin-right:8px;
    font-size:15px;
    position:relative;
    top:2px
}
.page-home .l20 {
    left:20px!important
}
.page-home .l24 {
    left:24px!important
}
.page-home .recommend-teacher .arrow,.page-home .recommend-writer .arrow {
    border-width:20px 20px 20px 0;
    border-style:solid;
    position:absolute;
    top:-40px;
    left:57px
}
.page-home .w636 {
    width:636px!important
}
.page-home .h135 {
    height:135px!important
}
.page-home .nodata {
    color:#b5b9bc;
    font-size:18px;
    line-height:420px;
    text-align:center
}
.page-home .recommend-teacher {
    margin-top:35px;
    width:900px;
    padding:0 30px;
    height:310px;
    background-color:#feeaea
}
.page-home .recommend-teacher .content-block {
    height:200px;
    width:33.33%;
    float:left
}
.page-home .recommend-teacher .arrow {
    width:0;
    height:0;
    border-color:transparent transparent #feeaea;
    line-height:20px;
    margin:0
}
.page-home .recommend-teacher .i-title {
    font-size:16px;
    color:#07111b;
    line-height:80px;
    font-weight:700
}
.page-home .recommend-teacher .subtitle {
    font-size:16px;
    font-weight:700;
    line-height:40px;
    color:#07111b!important;
    width:238px;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.page-home .recommend-teacher .describe {
    font-size:12px;
    color:#93999f
}
.page-home .recommend-writer {
    margin-top:35px;
    width:900px;
    padding:0 30px;
    height:260px;
    background-color:#e5f2f8
}
.page-home .recommend-writer .content-block {
    height:200px;
    width:33%;
    float:left
}
.page-home .recommend-writer .arrow {
    width:0;
    height:0;
    border-color:transparent transparent #e5f2f8;
    line-height:20px;
    margin:0
}
.page-home .recommend-writer .i-title {
    padding-left:30px;
    font-size:16px;
    color:#07111b;
    line-height:80px;
    font-weight:700
}
.page-home .recommend-writer .describeWrap {
    padding-right:20px;
    padding-left:30px;
    border-right:1px solid #b7deef
}
.page-home .recommend-writer .describeWrap p {
    min-height:60px;
    color:#000!important
}
.page-home .recommend-writer .content-block:last-child .describeWrap {
    border-right:none
}
.page-home .recommend-writer .subtitle {
    font-size:16px;
    font-weight:700;
    line-height:40px
}
.page-home .recommend-writer .describe {
    font-size:14px;
    color:#4d555d;
    line-height:25px;
    margin-top:15px;
    max-height:80px;
    overflow:hidden
}
.page-home .dyanmic-title-wrap {
    padding-bottom:21px;
    border-bottom:1px solid #CFD5D8
}
.page-home .dyanmic-title-wrap .dynamic-title {
    color:#787d82;
    line-height:14px;
    margin-top:10px;
    padding-top:25px;
    font-size:14px
}
.page-home .item {
    position:relative;
    font-family:"微软雅黑";
    width:960px;
    border-bottom:1px solid #CFD5D8;
    padding:30px 0
}
.page-home .item .shareWrapBox {
    position:absolute;
    right:0;
    top:175px;
    z-index:2;
    background-color:#fff;
    height:60px;
    box-shadow:0 8px 16px 0 rgba(0,0,0,.2)
}
.page-home .item .share {
    right:25px;
    top:140px;
    z-index:10;
    font-size:18px;
    color:#C0C4C7
}
.page-home .item .content {
    width:900px
}
.page-home .item .content .body {
    background-color:#F2F4F6
}
.page-home .item .content .body .content {
    padding-top:24px;
    width:100%;
    float:right;
    line-height:30px;
    color:#4C545C
}
.page-home .item .content .body .content .subtitle,.page-home .item .content .body .content .subtitle a {
    color:#4d555d;
    font-size:18px;
    font-weight:700;
    line-height:35px;
    white-space:nowrap;
    overflow:hidden
}
.page-home .item .content .body .content .subtitle a:hover,.page-home .item .content .body .content .subtitle:hover {
    color:#14191e
}
.page-home .item .content .body .share {
    left:830px;
    top:18%;
    cursor:pointer;
    font-size:16px;
    color:#bdc0c3;
    font-weight:700
}
.page-home .item .content .body .share:hover {
    color:#14191e
}
.page-home .item .content .head {
    margin-bottom:16px;
    width:100%
}
.page-home .item .content .head .name a {
    color:#4d555d;
    font-size:14px;
    font-weight:700
}
.page-home .item .content .head .name {
    line-height:14px
}
.page-home .item .content .head .name a:hover,.page-home .item .content .head .name:hover {
    color:#14191e
}
.page-home .item .content .head .time {
    color:#93999f;
    font-size:12px;
    line-height:12px;
    margin-top:10px
}
.page-home .item .content .head .title {
    font-size:16px;
    color:#07111b;
    line-height:16px;
    margin-top:20px
}
.page-home .item.newarticlescrap .content .body img {
    position:absolute;
    bottom:20px;
    top:65px;
    left:24px
}
.page-home .item.newarticlescrap .content .body .content {
    padding-bottom:19px;
    background-color:#F2F4F6;
    overflow:visible
}
.page-home .item.newarticlescrap .content .body .content .subtitle {
    position:absolute;
    top:0;
    left:24px;
    line-height:20px;
    margin-top:24px;
    overflow:hidden;
    max-width:850px
}
.page-home .item.newarticlescrap .content .body .content .detail {
    padding-left:24px;
    position:relative;
    word-break:break-all;
    margin-top:35px;
    line-height:24px;
    padding-right:24px
}
.page-home .item.newplan .content .body {
    height:180px
}
.page-home .item.newplan .content .body .content {
    padding-top:15px
}
.page-home .item.newplan .content .body .content .detail {
    line-height:25px;
    padding-right:20px;
    height:80px
}
.page-home .item.newanswer {
    padding-bottom:30px
}
.page-home .item.newanswer .content .body {
    padding:25px;
    height:40px
}
.page-home .item.newanswer .content .body .content {
    padding-top:0;
    width:798px
}
.page-home .item.newanswer .content .body .content .detail {
    padding-right:20px
}
.page-home .item.newanswer .content .body .content .tag {
    line-height:12px;
    font-size:12px;
    color:#4C545C
}
.page-home .item.newanswer .content .body .content .tag a {
    color:#787d82!important
}
.page-home .item.newanswer .content .body .content .subtitle {
    height:35px;
    overflow:hidden;
    width:800px
}
.page-home .item.newuser .content .body {
    padding:25px;
    height:40px
}
.page-home .item.newuser .content .body .content {
    padding-top:0;
    width:798px
}
.page-home .item.newuser .content .body .content .subtitle {
    max-height:30px;
    max-width:815px;
    line-height:18px;
    margin-top:-8px
}
.page-home .item.newuser .content .body .content .tag {
    line-height:20px;
    font-size:12px;
    color:#4C545C
}
.page-home .item.newcourse .content .body .content .detail {
    height:30px;
    width:600px;
    white-space:nowrap;
    overflow:hidden
}
.page-home .item.newcourse .content .body .content .bottom-detail .price {
    margin-right:15px;
    color:#f01414;
    font-size:16px;
    font-weight:700
}
.page-home .item.newcourse .content .body .content .bottom-detail .price b {
    font-size:10px;
    vertical-align:super
}
.page-home .item.newcourse .content .body .content .bottom-detail .numbers {
    font-size:12px;
    color:#93999f
}
.setup-popl {
    padding:0 36px;
    background-color:#fff;
    position:absolute;
    width:598px;
    left:50%;
    top:-90px;
    margin-left:-335px;
    display:none;
    z-index:1001
}
.setup-popl .noctiseTip {
    position:absolute;
    bottom:45px;
    left:236px;
    height:20px;
    line-height:20px;
    color:#71777d
}
.setup-popl .setup-popl-top {
    height:24px;
    padding:22px 0
}
.setup-popl .title {
    float:left;
    font-size:16px;
    font-weight:600;
    color:#07111b
}
.setup-popl .close {
    float:right;
    color:#93999f;
    margin-top:6px;
    cursor:pointer;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s
}
.setup-popl .save {
    float:right;
    margin:36px 0;
    width:80px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#fff;
    background-color:#f01414;
    cursor:pointer
}
.setup-popl .save:hover {
    background-color:#f04646
}
.setup-popl .close:hover {
    -webkit-transform:scale(1.5) rotate(10deg);
    -moz-transform:scale(1.5) rotate(10deg);
    transform:scale(1.5) rotate(10deg)
}
.setup-popl .setup-content {
    height:405px;
    overflow-y:auto
}
.setup-popl .setup-content dl {
    position:relative;
    width:568px
}
.setup-popl .setup-content .dt-tit {
    display:inline-block;
    padding-right:15px;
    background-color:#fff;
    color:#07111b;
    margin-right:15px;
    position:relative;
    z-index:1
}
.setup-popl .setup-content .dt-line {
    position:absolute;
    width:100%;
    height:1px;
    background-color:#d9dde1;
    line-height:1px;
    top:10px;
    left:0
}
.setup-popl .setup-content dd {
    padding-top:20px
}
.setup-popl .setup-content .dd-item {
    float:left;
    width:45%;
    padding-right:5%;
    margin-bottom:20px
}
.setup-popl .setup-content .switch {
    position:relative;
    float:left;
    width:40px;
    height:20px;
    margin:0 18px
}
.setup-popl .setup-content .switch .pinkline {
    position:absolute;
    width:100%;
    height:6px;
    border-radius:15px;
    top:8px;
    right:0;
    background-color:#d9dde1
}
.setup-popl .setup-content .switch .pinkround {
    position:absolute;
    width:16px;
    height:16px;
    border-radius:50%;
    background-color:#fff;
    border:2px solid #b7bbbf;
    top:0;
    left:0;
    cursor:pointer;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s
}
.setup-popl .setup-content .switch.on .pinkline {
    background-color:#fcd0d0
}
.setup-popl .setup-content .switch.on .pinkround {
    border-color:#f01414;
    left:20px
}
.setup-popl .setup-content .switchname {
    float:left;
    height:20px;
    line-height:20px;
    color:#71777d
}
.setup-coverLayer {
    position:fixed;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:.6;
    z-index:1000;
    top:0;
    left:0;
    bottom:0;
    right:0;
    display:none
}
.page-home .share-box {
    text-align:center;
    padding-left:10px
}
.bds {
    font-size:20px!important;
    margin-left:10px;
    margin-right:10px;
    cursor:pointer;
    line-height:50px!important;
    background-image:none!important
}
.bdsharebuttonbox .bds.link {
    color:#b5b9bc!important
}
.left_menu {
    overflow:hidden
}
.left_menu .m_item {
    width:88px;
    line-height:20px;
    border-radius:6px;
    margin:0 auto 8px;
    box-sizing:border-box;
    padding:8px 0;
    font-size:14px
}
.left_menu .m_item:first-child {
    margin-top:8px
}
.left_menu .m_item.active {
    background:rgba(51,119,255,.1);
    font-weight:700
}
.left_menu .m_item.active a,.left_menu .m_item.active i,.left_menu .m_item.active:hover a,.left_menu .m_item.active:hover i,.left_menu .m_item:hover a,.left_menu .m_item:hover i {
    color:#37f
}
.left_menu .m_item a {
    display:inline-block;
    width:74px;
    line-height:20px;
    color:#1c1f21;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.left_menu .m_item i {
    margin-right:3px;
    margin-left:6px;
    display:inline-block;
    width:12px;
    vertical-align:top;
    padding-top:4px;
    color:#9199a1;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
body {
    overflow-x:hidden
}
.moco-modal-inner .moco-modal-dialog {
    padding-bottom:0
}
.moco-modal-layer.fixed .feed-detail-close {
    position:fixed;
    right:50%;
    margin-right:-382px;
    top:20px
}
.moco-discovery-dialog {
    position:relative
}
.moco-discovery-dialog .publish {
    width:640px;
    padding-bottom:32px
}
.moco-discovery-dialog .publish .publish-editor {
    height:160px;
    box-sizing:border-box;
    background:#FFF;
    border:1px solid #D9DDE1;
    border-radius:4px;
    overflow:hidden
}
.moco-discovery-dialog .publish .publish-editor textarea {
    display:inherit;
    padding:16px;
    width:100%;
    height:120px;
    box-sizing:border-box;
    border:0;
    font-size:14px;
    line-height:18px
}
.moco-discovery-dialog .publish .publish-editor .publish-tool {
    position:relative;
    padding:5px 15px 5px 10px;
    height:38px;
    line-height:28px;
    box-sizing:border-box;
    background:#FFF;
    box-shadow:0 0 8px 0 rgba(7,17,27,.1);
    border-radius:2px;
    color:#B7BBBF
}
.moco-discovery-dialog .publish .publish-editor .publish-tool i {
    float:left;
    font-size:20px;
    line-height:28px;
    margin-right:36px;
    cursor:pointer
}
.moco-discovery-dialog .publish .publish-editor .publish-tool i:last-child {
    margin-right:0
}
.moco-discovery-dialog .publish .publish-editor .publish-tool i.webuploader-container {
    width:20px;
    height:28px;
    overflow:hidden
}
.moco-discovery-dialog .publish .publish-editor .publish-tool i.webuploader-container>div {
    top:0!important
}
.moco-discovery-dialog .publish .publish-editor .publish-tool .publish-count {
    float:right;
    font-size:12px
}
.moco-discovery-dialog .publish .publish-editor .publish-tool .publish-count.red {
    color:red
}
.moco-discovery-dialog .publish .publish-submit {
    position:relative;
    padding-top:22px;
    text-align:right
}
.moco-discovery-dialog .publish .publish-submit .publish-submit-btn {
    width:76px;
    height:36px;
    background:#37f;
    border-radius:18px;
    color:#FFF;
    line-height:36px;
    text-align:center;
    display:inline-block;
    position:relative
}
.moco-discovery-dialog .publish .publish-submit .publish-submit-btn.disabled:before {
    display:block
}
.moco-discovery-dialog .publish .publish-submit .publish-submit-btn:before {
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    content:"发表中..";
    border-radius:18px;
    background:#37f
}
.moco-discovery-dialog .publish .publish-submit .publish-submit-btn.forward-submit:before {
    content:"提交中.."
}
.moco-discovery-dialog .publish .publish-submit .publish-image-queue {
    position:absolute;
    left:0;
    top:12px;
    right:80px;
    height:48px
}
.moco-discovery-dialog .publish .publish-submit .publish-image-queue .pimgbox {
    position:relative;
    float:left;
    width:48px;
    height:48px;
    margin-right:4px;
    border-radius:4px
}
.moco-discovery-dialog .publish .publish-submit .publish-image-queue .pimgbox:hover .optclose {
    display:block
}
.moco-discovery-dialog .publish .publish-submit .publish-image-queue img {
    width:48px;
    height:48px;
    border-radius:4px
}
.moco-discovery-dialog .publish .publish-submit .publish-image-queue .optclose {
    transition:.3s all linear;
    display:none;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background:rgba(7,17,27,.8);
    cursor:pointer;
    border-radius:4px;
    text-align:center
}
.moco-discovery-dialog .publish .publish-submit .publish-image-queue i {
    font-size:24px;
    color:#FFF;
    line-height:48px
}
.moco-discovery-dialog .publish .publish-forward {
    margin-top:10px;
    padding:20px;
    background:#F3F5F7;
    border-radius:8px
}
.moco-discovery-dialog .publish .publish-forward .publish-forward-content {
    padding-top:5px;
    font-size:12px;
    color:#4D555D;
    line-height:22px
}
.moco-discovery-dialog .publish .publish-forward .publish-forward-content p {
    word-break:break-all;
    word-wrap:break-word;
    overflow:hidden;
    text-overflow:-o-ellipsis-lastline;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    max-height:44px;
    margin-bottom:6px
}
.moco-discovery-dialog .publish .publish-forward .publish-forward-content .feed-article {
    margin:5px 0 10px;
    padding:8px;
    background:#FFF;
    border:1px solid #F3F5F7;
    box-shadow:0 4px 8px 0 rgba(7,17,27,.1);
    border-radius:4px;
    overflow:hidden
}
.moco-discovery-dialog .publish .publish-forward .publish-forward-content .feed-article .article-img {
    float:left
}
.moco-discovery-dialog .publish .publish-forward .publish-forward-content .feed-article .article-img img {
    width:132px;
    height:132px;
    border-radius:2px
}
.moco-discovery-dialog .publish .publish-forward .publish-forward-content .feed-article .article-detail {
    margin-left:152px;
    margin-right:12px
}
.moco-discovery-dialog .publish .publish-forward .publish-forward-content .feed-article .article-detail h3 {
    margin-top:12px;
    margin-bottom:4px;
    font-size:14px;
    color:#07111B;
    line-height:20px;
    font-weight:700
}
.moco-discovery-dialog .publish .publish-forward .publish-forward-content .feed-article .article-detail h3 a {
    height:20px;
    font-size:12px;
    color:#4D555D;
    line-height:20px;
    word-break:break-all;
    word-wrap:break-word;
    overflow:hidden;
    text-overflow:-o-ellipsis-lastline;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
.moco-discovery-dialog .publish .publish-forward .publish-forward-content .feed-article .article-detail>div {
    height:50px
}
.moco-discovery-dialog .publish .publish-forward .publish-forward-content .feed-article .article-detail a,.moco-discovery-dialog .publish .publish-forward .publish-forward-content .feed-article .article-detail p {
    height:40px;
    font-size:12px;
    color:#4D555D;
    line-height:20px;
    overflow:hidden;
    word-break:break-all;
    word-wrap:break-word;
    text-overflow:-o-ellipsis-lastline;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.moco-discovery-dialog .publish .publish-forward .publish-forward-content .feed-article .article-tool {
    font-size:12px;
    color:#93999F;
    line-height:16px
}
.moco-discovery-dialog .publish .publish-forward .publish-forward-content .feed-article .article-tool .article-tip a {
    float:left;
    margin-right:12px;
    color:#93999F
}
.moco-discovery-dialog .feed-detail-close {
    position:absolute;
    right:-80px;
    font-size:24px;
    top:-32px;
    color:#fff
}
.moco-discovery-dialog .feed-title {
    padding:16px 0;
    line-height:32px;
    border-bottom:1px solid #D9DDE1
}
.moco-discovery-dialog .feed-detail {
    padding:0!important;
    width:624px
}
.moco-discovery-dialog .feed-detail .feed-comment {
    margin:10px -32px 0!important;
    width:688px!important;
    padding:20px 32px!important;
    border-top:1px solid #D9DDE1;
    box-shadow:0 5px 10px 0 rgba(7,17,27,.1)
}
.moco-discovery-dialog .feed-detail .feed-comment .user-pic,.moco-discovery-dialog .feed-detail .feed-comment .user-pic img {
    width:36px!important;
    height:36px!important
}
.moco-discovery-dialog .feed-detail .feed-comment .feed-right {
    padding-left:48px!important
}
.moco-discovery-dialog .feed-comment-list {
    padding:24px 0!important;
    border-bottom:1px solid #D9DDE1
}
.moco-discovery-dialog .feed-detail-view {
    display:none;
    color:#9199a1;
    margin-top:24px;
    line-height:24px;
    text-align:center;
    cursor:pointer
}
.moco-discovery-dialog .feed-detail-view:hover {
    color:#545c63
}
.article-lwrap {
    width:100%;
    height:80px;
    padding:0 4px;
    box-sizing:border-box;
    margin-bottom:0;
    background:#FFF;
    box-shadow:unset;
    border-radius:0;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.article-lwrap .imgCon {
    width:66px;
    height:66px;
    border-radius:8px;
    margin:8px 16px 6px
}
.article-lwrap .imgCon img {
    width:100%;
    height:100%;
    border-radius:8px
}
.article-lwrap .list-content {
    width:534px;
    height:69px;
    padding-top:10px;
    border-bottom:1px solid rgba(28,31,33,.1)
}
.article-lwrap .list-content .title p {
    font-weight:700;
    margin-bottom:4px;
    font-size:16px;
    color:#1c1f21;
    line-height:30px;
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.article-lwrap .list-content .title p:hover {
    color:#37f
}
.article-lwrap .list-content .list-bottom {
    width:100%;
    height:24px
}
.article-lwrap .list-content .list-bottom .labels-area {
    max-width:460px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.article-lwrap .list-content .list-bottom .label {
    margin-right:16px
}
.article-lwrap .list-content .list-bottom .label a:hover {
    color:#14191E
}
.article-lwrap .list-content .list-bottom .label:hover {
    color:#545c63
}
.article-lwrap .list-content .list-bottom .browseNum,.article-lwrap .list-content .list-bottom .nickName {
    margin-right:16px;
    color:#9199a1;
    line-height:18px;
    padding-top:3px;
    font-size:12px
}
.article-lwrap .list-content .list-bottom .browseNum i {
    padding-right:4px;
    font-size:12px
}
.article-lwrap .list-content .list-bottom .nickName {
    cursor:pointer;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.article-lwrap .list-content .list-bottom .nickName:hover {
    color:#545c63
}
.article-lwrap .list-content .list-bottom .skill {
    padding-top:3px;
    white-space:nowrap;
    vertical-align:middle
}
.article-lwrap .list-content .list-bottom .skill a {
    color:#9199a1
}
.article-lwrap .list-content .list-bottom .skill a span {
    font-size:12px;
    color:#9199a1;
    line-height:18px;
    padding-top:3px;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.article-lwrap .list-content .list-bottom .skill a span:hover {
    color:#545c63
}
.article-lwrap .list-content .list-bottom .skill a:hover {
    color:#9199a1!important
}
.article-lwrap .list-content .list-bottom .skill i {
    color:#9199a1;
    vertical-align:middle
}
.article-lwrap .list-content .list-bottom .createTime {
    font-size:12px;
    color:#9199a1;
    line-height:18px;
    padding-top:3px
}
@keyframes spin {
    from {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
.feed-loading {
    display:none;
    border-radius:8px;
    font-size:12px;
    color:#9199a1;
    text-align:center;
    line-height:50px;
    height:50px;
    cursor:pointer;
    padding-left:300px
}
.bannerBox .rightImg .bottomImg .bannerDescription2 span,.bannerBox .rightImg .topImg .bannerDescription2 span {
    text-overflow:ellipsis;
    display:-webkit-box;
    top:50%;
    transform:translateY(-50%);
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.feed-loading i {
    margin-right:5px;
    font-size:16px;
    color:#93999F;
    line-height:50px;
    animation:spin 1s linear infinite
}
.feed-loading i,.feed-loading span {
    float:left;
    height:50px
}
.bannerBox {
    width:100%;
    margin-bottom:16px
}
.bannerBox .leftImg {
    width:456px;
    height:200px;
    position:relative;
    border-radius:12px 0 0 12px;
    overflow:hidden
}
.bannerBox .leftImg img {
    width:100%;
    height:100%
}
.bannerBox .leftImg .bannerDescription {
    width:100%;
    height:60px;
    box-sizing:border-box;
    padding:24px 16px 12px;
    background-image:linear-gradient(-180deg,rgba(28,31,33,0) 0,#1c1f21 100%);
    font-weight:700;
    font-size:16px;
    color:#FFF;
    line-height:24px;
    position:absolute;
    bottom:0;
    left:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.bannerBox .rightImg .bottomImg .bannerDescription2,.bannerBox .rightImg .topImg .bannerDescription2 {
    padding:8px 12px;
    background-image:linear-gradient(-180deg,rgba(0,0,0,0) 0,#000 100%);
    font-size:12px;
    line-height:16px;
    color:#FFF;
    font-weight:700;
    left:0;
    bottom:0;
    box-sizing:border-box
}
.bannerBox .rightImg {
    width:196px;
    height:200px
}
.bannerBox .rightImg .topImg {
    position:relative;
    height:98px;
    width:100%;
    border-radius:0 12px 0 0;
    overflow:hidden;
    margin-bottom:4px
}
.bannerBox .rightImg .topImg img {
    width:100%;
    height:100%;
    border-radius:0 12px 0 0
}
.bannerBox .rightImg .topImg .bannerDescription2 {
    width:100%;
    height:48px;
    position:absolute
}
.bannerBox .rightImg .topImg .bannerDescription2 span {
    word-wrap:break-word;
    word-break:break-all;
    text-overflow:-o-ellipsis-lastline;
    position:relative
}
.bannerBox .rightImg .bottomImg {
    position:relative;
    height:98px;
    width:100%;
    border-radius:0 0 12px;
    overflow:hidden
}
.bannerBox .rightImg .bottomImg img {
    width:100%;
    height:100%
}
.bannerBox .rightImg .bottomImg .bannerDescription2 {
    width:100%;
    height:48px;
    position:absolute
}
.bannerBox .rightImg .bottomImg .bannerDescription2 span {
    word-wrap:break-word;
    word-break:break-all;
    text-overflow:-o-ellipsis-lastline;
    position:relative
}
.excellent_container,.excellent_container .featured_articles {
    width:100%
}
.excellent_container .featured_articles .headImg {
    width:100%;
    height:152px;
    margin-bottom:24px;
    background-repeat:no-repeat;
    background-size:cover;
    font-weight:700;
    font-size:32px;
    color:#FFF;
    line-height:48px;
    text-align:center;
    padding-top:56px;
    box-sizing:border-box
}
.excellent_container .featured_articles .listCon {
    width:682px;
    margin:0 auto
}
.author_container,.excellent_container .featured_articles .listCon .centerlist {
    width:100%
}
.excellent_container .featured_articles .listCon .centerlist .article-wrapper:not(.empty) {
    padding:12px 0 20px;
    background:#FFF;
    overflow:hidden;
    border-radius:12px;
    box-shadow:0 4px 8px 0 rgba(28,31,33,.1)
}
#main {
    padding-top:0;
    padding-bottom:36px
}
.author_container .topTitle {
    width:100%;
    height:172px;
    background:url(/static/img/article/all_author.png) center no-repeat;
    background-size:cover;
    text-align:center;
    padding-top:30px;
    box-sizing:border-box
}
.author_container .topTitle .title {
    font-weight:700;
    font-size:32px;
    color:#FFF;
    line-height:48px;
    text-align:center;
    margin-bottom:8px
}
.author_container .topTitle .btnHow {
    padding:8px 16px;
    display:inline-block;
    opacity:.6;
    border:1px solid #FFF;
    border-radius:18px;
    cursor:pointer;
    font-size:14px;
    color:#FFF;
    line-height:20px
}
.author_container .listCon {
    width:1088px;
    margin:24px auto 12px
}
.author_container .listCon .item {
    width:254px;
    height:306px;
    background:#FFF;
    box-shadow:0 8px 16px 0 rgba(28,31,33,.2);
    border-radius:12px;
    margin:0 24px 24px 0;
    padding-top:32px;
    box-sizing:border-box;
    text-align:center
}
.author_container .listCon .item.noRight,.author_container .listCon .item:nth-child(4n) {
    margin-right:0
}
.author_container .listCon .item img {
    width:96px;
    height:96px;
    border-radius:50%
}
.author_container .listCon .item .nickname {
    min-height:24px;
    margin-top:12px;
    font-weight:700;
    font-size:16px;
    color:#1c1f21;
    line-height:24px
}
.author_container .listCon .item .job {
    min-height:18px;
    margin-top:2px;
    font-size:12px;
    color:#545c63;
    line-height:18px
}
.author_container .listCon .item .achievement {
    width:168px;
    margin:16px auto 0
}
.author_container .listCon .item .achievement .article {
    width:83px;
    font-weight:700;
    font-size:14px;
    color:#545c63;
    line-height:22px;
    text-align:left;
    border-right:1px solid #D3D6D9
}
.author_container .listCon .item .achievement .recommend {
    width:83px;
    font-weight:700;
    text-align:right;
    font-size:14px;
    color:#545c63;
    line-height:22px
}
.author_container .listCon .item .btnFollow {
    margin-top:16px;
    display:inline-block
}
.author_container .listCon .item .btnFollow span {
    padding:8px 35px;
    border-radius:18px
}
.author_container .listCon .item .btnFollow span.moco-btn-blue {
    background:#37f
}
.author_container .listCon .item .btnFollow .js-already-follow {
    width:134px
}
.author_container .feed-loading {
    width:1152px;
    margin:0 auto;
    padding-left:530px;
    box-sizing:border-box
}
.transition {
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.publish_article {
    width:320px;
    height:128px;
    background:url(/static/img/article/right_personalization/usernotloginbg.png) center center no-repeat;
    background-size:cover;
    border-radius:10px;
    margin-bottom:24px
}
.publish_article h3 {
    font-size:16px;
    color:#1c1f21;
    line-height:24px;
    text-align:center;
    font-weight:700;
    padding-top:24px;
    margin-bottom:8px
}
.publish_article .issue-btn {
    width:256px;
    height:48px;
    line-height:48px;
    margin:0 auto;
    background:#f53d3d;
    border-radius:24px
}
.publish_article .issue-btn .middle-line,.publish_article .issue-btn a {
    float:left;
    color:#fff
}
.publish_article .issue-btn a {
    font-size:16px;
    width:127px;
    text-align:center;
    cursor:pointer
}
.publish_article .issue-btn .btn-dynamic,.publish_article .issue-btn .btn-note {
    border-radius:24px;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.publish_article .issue-btn .btn-note:hover {
    cursor:pointer;
    background:#f20d0d;
    border-radius:24px 0 0 24px
}
.publish_article .issue-btn .btn-dynamic:hover {
    background:#f20d0d;
    border-radius:0 24px 24px 0
}
.publish_article .issue-btn .middle-line {
    width:2px;
    height:16px;
    background-color:rgba(255,255,255,.4);
    display:inline-block;
    margin-top:16px
}
.follow_label,.hot_article {
    margin-top:24px
}
.carefully_selected {
    cursor:pointer
}
.carefully_selected .sevenImg {
    width:100%;
    height:56px;
    background:url(/static/img/article/right_personalization/seven.png) top left no-repeat;
    background-size:cover;
    margin-bottom:8px;
    border-radius:10px
}
.carefully_selected .thirtyImg {
    width:100%;
    height:56px;
    background:url(/static/img/article/right_personalization/thirty.png) top left no-repeat;
    background-size:cover;
    border-radius:10px
}
.hot_article {
    width:100%
}
.hot_article .articleList .item .imgCon,.hot_article .articleList .item .imgCon img {
    width:48px;
    height:48px;
    border-radius:8px
}
.hot_article h3 {
    font-weight:700;
    font-size:16px;
    line-height:24px;
    margin-bottom:16px;
    color:#1c1f21
}
.hot_article .more {
    font-size:12px;
    color:#9199a1;
    line-height:24px;
    cursor:pointer;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.hot_article .more a {
    color:#9199a1
}
.hot_article .more a:hover {
    color:#545c63
}
.hot_article .articleList .item {
    margin-bottom:12px;
    position:relative
}
.hot_article .articleList .item:hover .imgCon {
    box-shadow:0 4px 8px 0 rgba(28,31,33,.2)
}
.hot_article .articleList .item:hover .text {
    color:#37f
}
.hot_article .articleList .item .imgCon {
    position:relative;
    background-size:cover;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.hot_article .articleList .item .imgCon .status {
    position:absolute;
    width:32px;
    height:16px;
    left:24px;
    top:0;
    background-size:cover
}
.hot_article .articleList .item .imgCon .top1 {
    background:url(/static/img/article/right_personalization/top1.png) center center no-repeat
}
.hot_article .articleList .item .imgCon .top2 {
    background:url(/static/img/article/right_personalization/top2.png) center center no-repeat
}
.hot_article .articleList .item .imgCon .top3 {
    background:url(/static/img/article/right_personalization/top3.png) center center no-repeat
}
.hot_article .articleList .item .text {
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    width:220px;
    font-size:14px;
    color:#1c1f21;
    line-height:20px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.follow_label h3 {
    font-size:16px;
    color:#07111B;
    line-height:24px;
    font-weight:700;
    position:relative;
    z-index:80;
    margin-bottom:22px
}
.follow_label .untag-box {
    background:#F0F4F7;
    border-radius:12px;
    padding:24px 0;
    margin-top:24px
}
.follow_label .untag-box .title {
    text-align:center;
    font-size:14px;
    color:#4D555D
}
.follow_label .untag-box .info {
    font-size:12px;
    color:#93999F;
    text-align:center;
    width:240px;
    margin:4px auto 0
}
.follow_label .untag-box .add-tag-btn {
    display:block;
    margin:12px auto 0;
    width:40px;
    height:24px;
    line-height:24px;
    background:rgba(240,20,20,.8);
    border-radius:16px;
    padding:0 12px;
    font-size:12px;
    color:#fff;
    text-align:center
}
.follow_label .untag-box .add-tag-btn .add-icon {
    font-style:normal;
    margin-right:2px;
    display:inline-block;
    vertical-align:middle;
    margin-top:-5px
}
.follow_label .untag-box .add-tag-btn:hover {
    background:#f01414
}
.recommended_author {
    margin:24px auto 0;
    overflow:hidden
}
.recommended_author h3 {
    font-size:16px;
    color:#07111B;
    line-height:24px;
    font-weight:700;
    position:relative
}
.recommended_author h3 span {
    position:absolute;
    right:16px;
    font-size:12px;
    color:#93999F;
    font-weight:100;
    cursor:pointer
}
.recommended_author h3 span:hover {
    color:#4d555d
}
.recommended_author .more {
    font-size:12px;
    color:#9199a1;
    line-height:24px;
    cursor:pointer;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.recommended_author .more a {
    color:#9199a1
}
.recommended_author .more a:hover {
    color:#545c63
}
.recommended_author .personList {
    margin-top:16px
}
.recommended_author .personList .person {
    width:100%;
    height:48px;
    margin-bottom:16px
}
.recommended_author .personList .person a .imgCon {
    width:48px;
    height:48px;
    border-radius:50%;
    overflow:hidden
}
.recommended_author .personList .person a .imgCon img {
    width:100%;
    height:100%
}
.recommended_author .personList .person a .text {
    margin-top:3px;
    margin-left:16px;
    text-align:left
}
.recommended_author .personList .person a .text .name {
    max-width:150px;
    font-weight:700;
    font-size:14px;
    color:#383d42;
    line-height:22px;
    margin-bottom:2px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.recommended_author .personList .person a .text span {
    font-size:12px;
    color:#9199a1;
    line-height:18px
}
.recommended_author .personList .person a .text span:last-child {
    margin-left:24px
}
.recommended_author .personList .person .follow {
    margin-top:0;
    height:24px;
    line-height:24px;
    padding:0 12px;
    font-size:12px;
    cursor:pointer
}
.recommended_author .personList .person .follow:hover {
    background:#37f;
    color:#fff
}
.recommended_author .personList .person .follow:hover i.imv2-add {
    color:#fff
}
.recommended_author .personList .person .follow i.imv2-add {
    font-size:12px;
    top:1px;
    right:2px;
    position:relative;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.recommended_author .personList .person .followAlready,.recommended_author .personList .person .nofollow {
    margin-top:7px;
    padding:8px 16px;
    font-size:14px;
    color:#545c63;
    line-height:20px;
    background:rgba(28,31,33,.08);
    border-radius:18px;
    cursor:pointer
}
.js-tagpop-block {
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(7,17,27,.6);
    z-index:850
}
.js-tagpop-box {
    display:none;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-280px;
    margin-left:-330px;
    padding:24px 28px;
    background:url(/static/img/article/right_personalization/follow_tags_bg.png) no-repeat;
    box-shadow:0 8px 16px 0 rgba(7,17,27,.2);
    border-radius:12px;
    box-sizing:border-box;
    z-index:860
}
.js-tagpop-box.tag-box {
    background:#fff
}
.js-tagpop-box.tag-box .moco-modal-title {
    padding:0;
    margin-bottom:25px
}
.js-tagpop-box.tag-box .moco-modal-close {
    float:right;
    font-size:20px;
    cursor:pointer;
    color:#b2b8bd
}
.js-tagpop-box.tag-box .moco-modal-close:hover {
    color:#1c1f21
}
.js-tagpop-box.tag-box .tagpop-bottom .tag-save-btn {
    width:76px;
    float:right
}
.js-tagpop-box .tagpop-top-box {
    position:relative;
    text-align:center
}
.js-tagpop-box .tagpop-top-box .tagpop-title {
    width:100%;
    font-size:24px;
    color:#1c1f21;
    line-height:36px;
    margin-top:8px;
    font-weight:700
}
.js-tagpop-box .tagpop-top-box .tagpop-desc {
    font-size:12px;
    color:#1C1F21;
    line-height:24px
}
.js-tagpop-box .tagpop-content-box {
    width:576px;
    height:360px;
    margin:24px 14px;
    position:relative;
    overflow:hidden
}
.js-tagpop-box .tagpop-content-box .tag-item {
    position:relative;
    width:106px;
    float:left
}
.js-tagpop-box .tagpop-content-box .tag-item li {
    font-size:12px;
    color:#545c63;
    line-height:40px;
    padding-left:12px;
    cursor:pointer;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.js-tagpop-box .tagpop-content-box .tag-item li:hover {
    color:#1c1f21
}
.js-tagpop-box .tagpop-content-box .tag-item li.active {
    background:#fff;
    border-radius:8px 0 0 8px;
    color:#1c1f21;
    font-weight:700
}
.js-tagpop-box .tagpop-content-box .nano-pane {
    position:absolute;
    width:8px;
    right:0;
    top:0;
    bottom:0;
    visibility:hidden\9;
    opacity:.6;
    -webkit-transition:.2s;
    -moz-transition:.2s;
    -o-transition:.2s;
    transition:.2s;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    z-index:1
}
.js-tagpop-box .tagpop-content-box .nano-pane .nano-right-slider {
    width:8px!important;
    border-radius:4px;
    background:rgba(28,31,33,.1)
}
.js-tagpop-box .tag-item-right {
    height:360px;
    background:#FFF;
    overflow-y:auto
}
.js-tagpop-box .tag-item-right .tag-list {
    width:564px
}
.js-tagpop-box .tag-item-right .sub {
    width:270px;
    float:left;
    margin-bottom:16px
}
.js-tagpop-box .tag-item-right .sub:nth-child(2n-1) {
    margin-right:24px
}
.js-tagpop-box .tag-item-right .sub>label {
    display:block;
    color:#37f;
    font-size:14px;
    font-weight:600;
    margin-bottom:6px
}
.js-tagpop-box .tag-item-right .sub li {
    height:16px;
    line-height:16px;
    float:left;
    margin:0 8px 8px 0;
    cursor:pointer;
    padding:8px 16px;
    background:rgba(28,31,33,.08);
    border-radius:16px;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.js-tagpop-box .tag-item-right .sub li.active,.js-tagpop-box .tag-item-right .sub li:hover {
    background:#37f
}
.js-tagpop-box .tag-item-right .sub li.active span {
    color:#FFF
}
.js-tagpop-box .tag-item-right .sub li>span {
    display:inline-block;
    max-width:238px;
    font-size:12px;
    color:#545c63;
    line-height:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.js-tagpop-box .tag-item-right .sub li:first-child {
    margin-left:0
}
.js-tagpop-box .tag-item-right .sub li:hover span {
    color:#FFF
}
.js-tagpop-box .author-item-right {
    height:360px;
    background:#FFF;
    overflow-y:auto
}
.js-tagpop-box .author-item-right .author-list {
    width:564px
}
.js-tagpop-box .author-item-right .author-list .sub li {
    width:258px;
    float:left;
    padding:17px 0;
    border-bottom:1px solid #D3D6D9
}
.js-tagpop-box .author-item-right .author-list .sub li:nth-child(2n+1) {
    margin-right:36px
}
.js-tagpop-box .author-item-right .author-list .sub li img {
    float:left;
    width:48px;
    height:48px;
    border-radius:45px;
    margin-right:12px
}
.js-tagpop-box .author-item-right .author-list .sub li .title-desc {
    width:166px;
    margin:2px 0
}
.js-tagpop-box .author-item-right .author-list .sub li .title-desc h5,.js-tagpop-box .author-item-right .author-list .sub li .title-desc span {
    width:100%;
    line-height:22px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.js-tagpop-box .author-item-right .author-list .sub li .input-checkbox {
    position:relative;
    float:right;
    margin-top:17px;
    width:18px;
    height:18px
}
.js-tagpop-box .author-item-right .author-list .sub li .input-checkbox:hover label.input-checkbox__inner {
    border:2px solid #37f
}
.js-tagpop-box .author-item-right .author-list .sub li .input-checkbox:hover input[type=checkbox]:checked+label.input-checkbox__inner {
    border:2px solid #37f;
    background:#37f
}
.js-tagpop-box .author-item-right .author-list .sub li .input-checkbox input[type=checkbox] {
    position:absolute;
    visibility:hidden;
    box-sizing:border-box;
    padding:0
}
.js-tagpop-box .author-item-right .author-list .sub li .input-checkbox input[type=checkbox]+label.input-checkbox__inner {
    display:inline-block;
    border-radius:3px;
    width:12px;
    height:12px;
    border:2px solid #D3D6D9;
    cursor:pointer;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.js-tagpop-box .author-item-right .author-list .sub li .input-checkbox input[type=checkbox]:focus+label.input-checkbox__inner,.js-tagpop-box .author-item-right .author-list .sub li .input-checkbox input[type=checkbox]:hover+label.input-checkbox__inner {
    border:2px solid #37f
}
.js-tagpop-box .author-item-right .author-list .sub li .input-checkbox input[type=checkbox]:checked+label.input-checkbox__inner {
    border:2px solid #9199a1;
    background:#9199a1
}
.js-tagpop-box .author-item-right .author-list .sub li .input-checkbox input[type=checkbox]:checked+label.input-checkbox__inner:after {
    content:"";
    position:absolute;
    left:3px;
    bottom:9px;
    width:9px;
    height:4px;
    border-left:2px solid #fff;
    border-bottom:2px solid #fff;
    -ms-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.js-tagpop-box .split-line {
    width:40px;
    margin:114px auto 0;
    text-align:center;
    font-size:12px;
    color:#93999F;
    float:left
}
.js-tagpop-box .split-line span {
    width:12px;
    display:inline-block
}
.js-tagpop-box .split-line i {
    width:40px;
    font-size:24px;
    display:inline-block
}
.js-tagpop-box .atag-box {
    float:left;
    padding:16px;
    width:276px;
    height:372px;
    background:#FFF;
    box-shadow:0 4px 8px 0 rgba(7,17,27,.1);
    border-radius:8px;
    overflow-y:auto
}
.js-tagpop-box .atag-box li {
    width:110px;
    height:40px;
    line-height:40px;
    float:left;
    margin-left:4px;
    margin-bottom:4px;
    background:#F3F5F7;
    border-radius:4px;
    padding:0 8px;
    cursor:pointer
}
.js-tagpop-box .atag-box li img {
    float:left;
    width:24px;
    height:24px;
    border-radius:45px;
    margin-top:8px
}
.js-tagpop-box .atag-box li span {
    float:left;
    font-size:12px;
    color:#4D555D;
    margin-left:4px
}
.js-tagpop-box .atag-box li .js-remove-list {
    float:right;
    font-size:12px;
    color:#B7BBBF;
    display:inline-block;
    line-height:40px;
    cursor:pointer
}
.js-tagpop-box .atag-box li .js-remove-list:hover {
    color:#4D555D
}
.js-tagpop-box .atag-box li:nth-child(2n+1) {
    margin-left:0
}
.js-tagpop-box .atag-box p {
    text-align:center;
    font-size:14px;
    color:#93999F;
    margin-top:162px;
    line-height:24px
}
.js-tagpop-box .tagpop-bottom {
    position:relative;
    height:36px;
    line-height:36px
}
.js-tagpop-box .tagpop-bottom span {
    font-size:12px;
    color:#4D555D;
    margin-left:12px
}
.js-tagpop-box .tagpop-bottom .author-save-btn,.js-tagpop-box .tagpop-bottom .tag-save-btn {
    width:160px;
    height:36px;
    line-height:36px;
    padding:0 24px;
    background:#37f;
    border-radius:18px;
    color:#fff;
    display:block;
    text-align:center;
    margin:0 auto;
    box-sizing:border-box
}
.js-tagpop-box .tagpop-bottom .author-save-btn.disabled,.js-tagpop-box .tagpop-bottom .tag-save-btn.disabled {
    background:#9199a1
}
.js-tagpop-box .tagpop-bottom .switch-box {
    position:absolute;
    right:100px;
    top:8px
}
.js-tagpop-box .tagpop-bottom .switch-box span {
    font-size:12px;
    color:#93999F;
    line-height:24px;
    float:left
}
.js-tagpop-box .tagpop-bottom .switch-box .switch {
    float:left;
    cursor:pointer;
    margin:2px 0 0 12px;
    position:relative;
    width:40px;
    height:20px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    overflow:hidden
}
.js-tagpop-box .tagpop-bottom .switch-box .switch.on .outer {
    margin-left:0
}
.js-tagpop-box .tagpop-bottom .switch-box .switch.on .inner {
    left:20px;
    border-color:#f01414
}
.js-tagpop-box .tagpop-bottom .switch-box .switch .fill {
    background:rgba(147,153,159,.4);
    border-radius:3px;
    margin-top:7px;
    height:6px;
    overflow:hidden
}
.js-tagpop-box .tagpop-bottom .switch-box .switch .fill .outer {
    margin-left:-20px;
    width:40px;
    height:6px;
    border-radius:3px;
    background:#fcd0d0
}
.js-tagpop-box .tagpop-bottom .switch-box .switch .inner {
    position:absolute;
    box-sizing:border-box;
    top:0;
    left:0;
    height:20px;
    border:2px solid #93999F;
    width:20px;
    background:#fff;
    border-radius:100%
}
#main {
    padding:0 0 36px
}
.container {
    width:1152px;
    margin:0 auto;
    padding-top:32px
}
.left_menu {
    width:104px;
    margin-right:24px;
    text-align:center;
    background:#fff;
    border-radius:12px;
    box-shadow:0 4px 8px 0 rgba(28,31,33,.1)
}
.centerlist {
    width:656px
}
.right_personalization {
    width:280px
}
.right_personalization>div:first-child {
    margin-top:0
}
.left_menu {
    overflow:hidden
}
.left_menu .m_item {
    width:88px;
    line-height:20px;
    border-radius:6px;
    margin:0 auto 8px;
    box-sizing:border-box;
    padding:8px 0;
    font-size:14px
}
.left_menu .m_item:first-child {
    margin-top:8px
}
.left_menu .m_item.active {
    background:rgba(51,119,255,.1);
    font-weight:700
}
.left_menu .m_item.active a,.left_menu .m_item.active i,.left_menu .m_item.active:hover a,.left_menu .m_item.active:hover i,.left_menu .m_item:hover a,.left_menu .m_item:hover i {
    color:#37f
}
.left_menu .m_item a {
    display:inline-block;
    width:74px;
    line-height:20px;
    color:#1c1f21;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.left_menu .m_item i {
    margin-right:3px;
    margin-left:6px;
    display:inline-block;
    width:12px;
    vertical-align:top;
    padding-top:4px;
    color:#9199a1;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.publish_article {
    width:320px;
    height:128px;
    background:url(/static/img/article/right_personalization/usernotloginbg.png) center center no-repeat;
    background-size:cover;
    border-radius:10px;
    margin-bottom:24px
}
.publish_article h3 {
    font-size:16px;
    color:#1c1f21;
    line-height:24px;
    text-align:center;
    font-weight:700;
    padding-top:24px;
    margin-bottom:8px
}
.publish_article .issue-btn {
    width:256px;
    height:48px;
    line-height:48px;
    margin:0 auto;
    background:#f53d3d;
    border-radius:24px
}
.publish_article .issue-btn .middle-line,.publish_article .issue-btn a {
    float:left;
    color:#fff
}
.publish_article .issue-btn a {
    font-size:16px;
    width:127px;
    text-align:center;
    cursor:pointer
}
.publish_article .issue-btn .btn-dynamic,.publish_article .issue-btn .btn-note {
    border-radius:24px;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.publish_article .issue-btn .btn-note:hover {
    cursor:pointer;
    background:#f20d0d;
    border-radius:24px 0 0 24px
}
.publish_article .issue-btn .btn-dynamic:hover {
    background:#f20d0d;
    border-radius:0 24px 24px 0
}
.publish_article .issue-btn .middle-line {
    width:2px;
    height:16px;
    background-color:rgba(255,255,255,.4);
    display:inline-block;
    margin-top:16px
}
.follow_label,.hot_article {
    margin-top:24px
}
.carefully_selected {
    cursor:pointer
}
.carefully_selected .sevenImg {
    width:100%;
    height:56px;
    background:url(/static/img/article/right_personalization/seven.png) top left no-repeat;
    background-size:cover;
    margin-bottom:8px;
    border-radius:10px
}
.carefully_selected .thirtyImg {
    width:100%;
    height:56px;
    background:url(/static/img/article/right_personalization/thirty.png) top left no-repeat;
    background-size:cover;
    border-radius:10px
}
.hot_article {
    width:100%
}
.hot_article .articleList .item .imgCon,.hot_article .articleList .item .imgCon img {
    width:48px;
    height:48px;
    border-radius:8px
}
.hot_article h3 {
    font-weight:700;
    font-size:16px;
    line-height:24px;
    margin-bottom:16px;
    color:#1c1f21
}
.hot_article .more {
    font-size:12px;
    color:#9199a1;
    line-height:24px;
    cursor:pointer;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.hot_article .more a {
    color:#9199a1
}
.hot_article .more a:hover {
    color:#545c63
}
.hot_article .articleList .item {
    margin-bottom:12px;
    position:relative
}
.hot_article .articleList .item:hover .imgCon {
    box-shadow:0 4px 8px 0 rgba(28,31,33,.2)
}
.hot_article .articleList .item:hover .text {
    color:#37f
}
.hot_article .articleList .item .imgCon {
    position:relative;
    background-size:cover;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.hot_article .articleList .item .imgCon .status {
    position:absolute;
    width:32px;
    height:16px;
    left:24px;
    top:0;
    background-size:cover
}
.hot_article .articleList .item .imgCon .top1 {
    background:url(/static/img/article/right_personalization/top1.png) center center no-repeat
}
.hot_article .articleList .item .imgCon .top2 {
    background:url(/static/img/article/right_personalization/top2.png) center center no-repeat
}
.hot_article .articleList .item .imgCon .top3 {
    background:url(/static/img/article/right_personalization/top3.png) center center no-repeat
}
.hot_article .articleList .item .text {
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    width:220px;
    font-size:14px;
    color:#1c1f21;
    line-height:20px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.follow_label h3 {
    font-size:16px;
    color:#07111B;
    line-height:24px;
    font-weight:700;
    position:relative;
    z-index:80;
    margin-bottom:22px
}
.follow_label .untag-box {
    background:#F0F4F7;
    border-radius:12px;
    padding:24px 0;
    margin-top:24px
}
.follow_label .untag-box .title {
    text-align:center;
    font-size:14px;
    color:#4D555D
}
.follow_label .untag-box .info {
    font-size:12px;
    color:#93999F;
    text-align:center;
    width:240px;
    margin:4px auto 0
}
.follow_label .untag-box .add-tag-btn {
    display:block;
    margin:12px auto 0;
    width:40px;
    height:24px;
    line-height:24px;
    background:rgba(240,20,20,.8);
    border-radius:16px;
    padding:0 12px;
    font-size:12px;
    color:#fff;
    text-align:center
}
.follow_label .untag-box .add-tag-btn .add-icon {
    font-style:normal;
    margin-right:2px;
    display:inline-block;
    vertical-align:middle;
    margin-top:-5px
}
.follow_label .untag-box .add-tag-btn:hover {
    background:#f01414
}
.recommended_author {
    margin:24px auto 0;
    overflow:hidden
}
.recommended_author h3 {
    font-size:16px;
    color:#07111B;
    line-height:24px;
    font-weight:700;
    position:relative
}
.recommended_author h3 span {
    position:absolute;
    right:16px;
    font-size:12px;
    color:#93999F;
    font-weight:100;
    cursor:pointer
}
.recommended_author h3 span:hover {
    color:#4d555d
}
.recommended_author .more {
    font-size:12px;
    color:#9199a1;
    line-height:24px;
    cursor:pointer;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.recommended_author .more a {
    color:#9199a1
}
.recommended_author .more a:hover {
    color:#545c63
}
.recommended_author .personList {
    margin-top:16px
}
.recommended_author .personList .person {
    width:100%;
    height:48px;
    margin-bottom:16px
}
.recommended_author .personList .person a .imgCon {
    width:48px;
    height:48px;
    border-radius:50%;
    overflow:hidden
}
.recommended_author .personList .person a .imgCon img {
    width:100%;
    height:100%
}
.recommended_author .personList .person a .text {
    margin-top:3px;
    margin-left:16px;
    text-align:left
}
.recommended_author .personList .person a .text .name {
    max-width:150px;
    font-weight:700;
    font-size:14px;
    color:#383d42;
    line-height:22px;
    margin-bottom:2px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.recommended_author .personList .person a .text span {
    font-size:12px;
    color:#9199a1;
    line-height:18px
}
.recommended_author .personList .person a .text span:last-child {
    margin-left:24px
}
.recommended_author .personList .person .follow {
    margin-top:0;
    height:24px;
    line-height:24px;
    padding:0 12px;
    font-size:12px;
    cursor:pointer
}
.recommended_author .personList .person .follow:hover {
    background:#37f;
    color:#fff
}
.recommended_author .personList .person .follow:hover i.imv2-add {
    color:#fff
}
.recommended_author .personList .person .follow i.imv2-add {
    font-size:12px;
    top:1px;
    right:2px;
    position:relative;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.recommended_author .personList .person .followAlready,.recommended_author .personList .person .nofollow {
    margin-top:7px;
    padding:8px 16px;
    font-size:14px;
    color:#545c63;
    line-height:20px;
    background:rgba(28,31,33,.08);
    border-radius:18px;
    cursor:pointer
}
.js-tagpop-block {
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(7,17,27,.6);
    z-index:850
}
.js-tagpop-box {
    display:none;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-280px;
    margin-left:-330px;
    padding:24px 28px;
    background:url(/static/img/article/right_personalization/follow_tags_bg.png) no-repeat;
    box-shadow:0 8px 16px 0 rgba(7,17,27,.2);
    border-radius:12px;
    box-sizing:border-box;
    z-index:860
}
.js-tagpop-box.tag-box {
    background:#fff
}
.js-tagpop-box.tag-box .moco-modal-title {
    padding:0;
    margin-bottom:25px
}
.js-tagpop-box.tag-box .moco-modal-close {
    float:right;
    font-size:20px;
    cursor:pointer;
    color:#b2b8bd
}
.js-tagpop-box.tag-box .moco-modal-close:hover {
    color:#1c1f21
}
.js-tagpop-box.tag-box .tagpop-bottom .tag-save-btn {
    width:76px;
    float:right
}
.js-tagpop-box .tagpop-top-box {
    position:relative;
    text-align:center
}
.js-tagpop-box .tagpop-top-box .tagpop-title {
    width:100%;
    font-size:24px;
    color:#1c1f21;
    line-height:36px;
    margin-top:8px;
    font-weight:700
}
.js-tagpop-box .tagpop-top-box .tagpop-desc {
    font-size:12px;
    color:#1C1F21;
    line-height:24px
}
.js-tagpop-box .tagpop-content-box {
    width:576px;
    height:360px;
    margin:24px 14px;
    position:relative;
    overflow:hidden
}
.js-tagpop-box .tagpop-content-box .tag-item {
    position:relative;
    width:106px;
    float:left
}
.js-tagpop-box .tagpop-content-box .tag-item li {
    font-size:12px;
    color:#545c63;
    line-height:40px;
    padding-left:12px;
    cursor:pointer;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.js-tagpop-box .tagpop-content-box .tag-item li:hover {
    color:#1c1f21
}
.js-tagpop-box .tagpop-content-box .tag-item li.active {
    background:#fff;
    border-radius:8px 0 0 8px;
    color:#1c1f21;
    font-weight:700
}
.js-tagpop-box .tagpop-content-box .nano-pane {
    position:absolute;
    width:8px;
    right:0;
    top:0;
    bottom:0;
    visibility:hidden\9;
    opacity:.6;
    -webkit-transition:.2s;
    -moz-transition:.2s;
    -o-transition:.2s;
    transition:.2s;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    z-index:1
}
.js-tagpop-box .tagpop-content-box .nano-pane .nano-right-slider {
    width:8px!important;
    border-radius:4px;
    background:rgba(28,31,33,.1)
}
.js-tagpop-box .tag-item-right {
    height:360px;
    background:#FFF;
    overflow-y:auto
}
.js-tagpop-box .tag-item-right .tag-list {
    width:564px
}
.js-tagpop-box .tag-item-right .sub {
    width:270px;
    float:left;
    margin-bottom:16px
}
.js-tagpop-box .tag-item-right .sub:nth-child(2n-1) {
    margin-right:24px
}
.js-tagpop-box .tag-item-right .sub>label {
    display:block;
    color:#37f;
    font-size:14px;
    font-weight:600;
    margin-bottom:6px
}
.js-tagpop-box .tag-item-right .sub li {
    height:16px;
    line-height:16px;
    float:left;
    margin:0 8px 8px 0;
    cursor:pointer;
    padding:8px 16px;
    background:rgba(28,31,33,.08);
    border-radius:16px;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.js-tagpop-box .tag-item-right .sub li.active,.js-tagpop-box .tag-item-right .sub li:hover {
    background:#37f
}
.js-tagpop-box .tag-item-right .sub li.active span {
    color:#FFF
}
.js-tagpop-box .tag-item-right .sub li>span {
    display:inline-block;
    max-width:238px;
    font-size:12px;
    color:#545c63;
    line-height:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.js-tagpop-box .tag-item-right .sub li:first-child {
    margin-left:0
}
.js-tagpop-box .tag-item-right .sub li:hover span {
    color:#FFF
}
.js-tagpop-box .author-item-right {
    height:360px;
    background:#FFF;
    overflow-y:auto
}
.js-tagpop-box .author-item-right .author-list {
    width:564px
}
.js-tagpop-box .author-item-right .author-list .sub li {
    width:258px;
    float:left;
    padding:17px 0;
    border-bottom:1px solid #D3D6D9
}
.js-tagpop-box .author-item-right .author-list .sub li:nth-child(2n+1) {
    margin-right:36px
}
.js-tagpop-box .author-item-right .author-list .sub li img {
    float:left;
    width:48px;
    height:48px;
    border-radius:45px;
    margin-right:12px
}
.js-tagpop-box .author-item-right .author-list .sub li .title-desc {
    width:166px;
    margin:2px 0
}
.js-tagpop-box .author-item-right .author-list .sub li .title-desc h5,.js-tagpop-box .author-item-right .author-list .sub li .title-desc span {
    width:100%;
    line-height:22px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.js-tagpop-box .author-item-right .author-list .sub li .input-checkbox {
    position:relative;
    float:right;
    margin-top:17px;
    width:18px;
    height:18px
}
.js-tagpop-box .author-item-right .author-list .sub li .input-checkbox:hover label.input-checkbox__inner {
    border:2px solid #37f
}
.js-tagpop-box .author-item-right .author-list .sub li .input-checkbox:hover input[type=checkbox]:checked+label.input-checkbox__inner {
    border:2px solid #37f;
    background:#37f
}
.js-tagpop-box .author-item-right .author-list .sub li .input-checkbox input[type=checkbox] {
    position:absolute;
    visibility:hidden;
    box-sizing:border-box;
    padding:0
}
.js-tagpop-box .author-item-right .author-list .sub li .input-checkbox input[type=checkbox]+label.input-checkbox__inner {
    display:inline-block;
    border-radius:3px;
    width:12px;
    height:12px;
    border:2px solid #D3D6D9;
    cursor:pointer;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.js-tagpop-box .author-item-right .author-list .sub li .input-checkbox input[type=checkbox]:focus+label.input-checkbox__inner,.js-tagpop-box .author-item-right .author-list .sub li .input-checkbox input[type=checkbox]:hover+label.input-checkbox__inner {
    border:2px solid #37f
}
.js-tagpop-box .author-item-right .author-list .sub li .input-checkbox input[type=checkbox]:checked+label.input-checkbox__inner {
    border:2px solid #9199a1;
    background:#9199a1
}
.js-tagpop-box .author-item-right .author-list .sub li .input-checkbox input[type=checkbox]:checked+label.input-checkbox__inner:after {
    content:"";
    position:absolute;
    left:3px;
    bottom:9px;
    width:9px;
    height:4px;
    border-left:2px solid #fff;
    border-bottom:2px solid #fff;
    -ms-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.js-tagpop-box .split-line {
    width:40px;
    margin:114px auto 0;
    text-align:center;
    font-size:12px;
    color:#93999F;
    float:left
}
.js-tagpop-box .split-line span {
    width:12px;
    display:inline-block
}
.js-tagpop-box .split-line i {
    width:40px;
    font-size:24px;
    display:inline-block
}
.js-tagpop-box .atag-box {
    float:left;
    padding:16px;
    width:276px;
    height:372px;
    background:#FFF;
    box-shadow:0 4px 8px 0 rgba(7,17,27,.1);
    border-radius:8px;
    overflow-y:auto
}
.js-tagpop-box .atag-box li {
    width:110px;
    height:40px;
    line-height:40px;
    float:left;
    margin-left:4px;
    margin-bottom:4px;
    background:#F3F5F7;
    border-radius:4px;
    padding:0 8px;
    cursor:pointer
}
.js-tagpop-box .atag-box li img {
    float:left;
    width:24px;
    height:24px;
    border-radius:45px;
    margin-top:8px
}
.js-tagpop-box .atag-box li span {
    float:left;
    font-size:12px;
    color:#4D555D;
    margin-left:4px
}
.js-tagpop-box .atag-box li .js-remove-list {
    float:right;
    font-size:12px;
    color:#B7BBBF;
    display:inline-block;
    line-height:40px;
    cursor:pointer
}
.js-tagpop-box .atag-box li .js-remove-list:hover {
    color:#4D555D
}
.js-tagpop-box .atag-box li:nth-child(2n+1) {
    margin-left:0
}
.js-tagpop-box .atag-box p {
    text-align:center;
    font-size:14px;
    color:#93999F;
    margin-top:162px;
    line-height:24px
}
.js-tagpop-box .tagpop-bottom {
    position:relative;
    height:36px;
    line-height:36px
}
.js-tagpop-box .tagpop-bottom span {
    font-size:12px;
    color:#4D555D;
    margin-left:12px
}
.js-tagpop-box .tagpop-bottom .author-save-btn,.js-tagpop-box .tagpop-bottom .tag-save-btn {
    width:160px;
    height:36px;
    line-height:36px;
    padding:0 24px;
    background:#37f;
    border-radius:18px;
    color:#fff;
    display:block;
    text-align:center;
    margin:0 auto;
    box-sizing:border-box
}
.js-tagpop-box .tagpop-bottom .author-save-btn.disabled,.js-tagpop-box .tagpop-bottom .tag-save-btn.disabled {
    background:#9199a1
}
.js-tagpop-box .tagpop-bottom .switch-box {
    position:absolute;
    right:100px;
    top:8px
}
.js-tagpop-box .tagpop-bottom .switch-box span {
    font-size:12px;
    color:#93999F;
    line-height:24px;
    float:left
}
.js-tagpop-box .tagpop-bottom .switch-box .switch {
    float:left;
    cursor:pointer;
    margin:2px 0 0 12px;
    position:relative;
    width:40px;
    height:20px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    overflow:hidden
}
.js-tagpop-box .tagpop-bottom .switch-box .switch.on .outer {
    margin-left:0
}
.js-tagpop-box .tagpop-bottom .switch-box .switch.on .inner {
    left:20px;
    border-color:#f01414
}
.js-tagpop-box .tagpop-bottom .switch-box .switch .fill {
    background:rgba(147,153,159,.4);
    border-radius:3px;
    margin-top:7px;
    height:6px;
    overflow:hidden
}
.js-tagpop-box .tagpop-bottom .switch-box .switch .fill .outer {
    margin-left:-20px;
    width:40px;
    height:6px;
    border-radius:3px;
    background:#fcd0d0
}
.js-tagpop-box .tagpop-bottom .switch-box .switch .inner {
    position:absolute;
    box-sizing:border-box;
    top:0;
    left:0;
    height:20px;
    border:2px solid #93999F;
    width:20px;
    background:#fff;
    border-radius:100%
}
.moco-modal-inner .moco-modal-dialog {
    padding-bottom:0
}
.moco-modal-layer.fixed .feed-detail-close {
    position:fixed;
    right:50%;
    margin-right:-382px;
    top:20px
}
.moco-discovery-dialog {
    position:relative
}
.moco-discovery-dialog .publish {
    width:640px;
    padding-bottom:32px
}
.moco-discovery-dialog .publish .publish-editor {
    height:160px;
    box-sizing:border-box;
    background:#FFF;
    border:1px solid #D9DDE1;
    border-radius:4px;
    overflow:hidden
}
.moco-discovery-dialog .publish .publish-editor textarea {
    display:inherit;
    padding:16px;
    width:100%;
    height:120px;
    box-sizing:border-box;
    border:0;
    font-size:14px;
    line-height:18px
}
.moco-discovery-dialog .publish .publish-editor .publish-tool {
    position:relative;
    padding:5px 15px 5px 10px;
    height:38px;
    line-height:28px;
    box-sizing:border-box;
    background:#FFF;
    box-shadow:0 0 8px 0 rgba(7,17,27,.1);
    border-radius:2px;
    color:#B7BBBF
}
.moco-discovery-dialog .publish .publish-editor .publish-tool i {
    float:left;
    font-size:20px;
    line-height:28px;
    margin-right:36px;
    cursor:pointer
}
.moco-discovery-dialog .publish .publish-editor .publish-tool i:last-child {
    margin-right:0
}
.moco-discovery-dialog .publish .publish-editor .publish-tool i.webuploader-container {
    width:20px;
    height:28px;
    overflow:hidden
}
.moco-discovery-dialog .publish .publish-editor .publish-tool i.webuploader-container>div {
    top:0!important
}
.moco-discovery-dialog .publish .publish-editor .publish-tool .publish-count {
    float:right;
    font-size:12px
}
.moco-discovery-dialog .publish .publish-editor .publish-tool .publish-count.red {
    color:red
}
.moco-discovery-dialog .publish .publish-submit {
    position:relative;
    padding-top:22px;
    text-align:right
}
.moco-discovery-dialog .publish .publish-submit .publish-submit-btn {
    width:76px;
    height:36px;
    background:#37f;
    border-radius:18px;
    color:#FFF;
    line-height:36px;
    text-align:center;
    display:inline-block;
    position:relative
}
.moco-discovery-dialog .publish .publish-submit .publish-submit-btn.disabled:before {
    display:block
}
.moco-discovery-dialog .publish .publish-submit .publish-submit-btn:before {
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    content:"发表中..";
    border-radius:18px;
    background:#37f
}
.moco-discovery-dialog .publish .publish-submit .publish-submit-btn.forward-submit:before {
    content:"提交中.."
}
.moco-discovery-dialog .publish .publish-submit .publish-image-queue {
    position:absolute;
    left:0;
    top:12px;
    right:80px;
    height:48px
}
.moco-discovery-dialog .publish .publish-submit .publish-image-queue .pimgbox {
    position:relative;
    float:left;
    width:48px;
    height:48px;
    margin-right:4px;
    border-radius:4px
}
.moco-discovery-dialog .publish .publish-submit .publish-image-queue .pimgbox:hover .optclose {
    display:block
}
.moco-discovery-dialog .publish .publish-submit .publish-image-queue img {
    width:48px;
    height:48px;
    border-radius:4px
}
.moco-discovery-dialog .publish .publish-submit .publish-image-queue .optclose {
    transition:.3s all linear;
    display:none;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background:rgba(7,17,27,.8);
    cursor:pointer;
    border-radius:4px;
    text-align:center
}
.moco-discovery-dialog .publish .publish-submit .publish-image-queue i {
    font-size:24px;
    color:#FFF;
    line-height:48px
}
.moco-discovery-dialog .publish .publish-forward {
    margin-top:10px;
    padding:20px;
    background:#F3F5F7;
    border-radius:8px
}
.moco-discovery-dialog .publish .publish-forward .publish-forward-content {
    padding-top:5px;
    font-size:12px;
    color:#4D555D;
    line-height:22px
}
.moco-discovery-dialog .publish .publish-forward .publish-forward-content p {
    word-break:break-all;
    word-wrap:break-word;
    overflow:hidden;
    text-overflow:-o-ellipsis-lastline;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    max-height:44px;
    margin-bottom:6px
}
.moco-discovery-dialog .publish .publish-forward .publish-forward-content .feed-article {
    margin:5px 0 10px;
    padding:8px;
    background:#FFF;
    border:1px solid #F3F5F7;
    box-shadow:0 4px 8px 0 rgba(7,17,27,.1);
    border-radius:4px;
    overflow:hidden
}
.moco-discovery-dialog .publish .publish-forward .publish-forward-content .feed-article .article-img {
    float:left
}
.moco-discovery-dialog .publish .publish-forward .publish-forward-content .feed-article .article-img img {
    width:132px;
    height:132px;
    border-radius:2px
}
.moco-discovery-dialog .publish .publish-forward .publish-forward-content .feed-article .article-detail {
    margin-left:152px;
    margin-right:12px
}
.moco-discovery-dialog .publish .publish-forward .publish-forward-content .feed-article .article-detail h3 {
    margin-top:12px;
    margin-bottom:4px;
    font-size:14px;
    color:#07111B;
    line-height:20px;
    font-weight:700
}
.moco-discovery-dialog .publish .publish-forward .publish-forward-content .feed-article .article-detail h3 a {
    height:20px;
    font-size:12px;
    color:#4D555D;
    line-height:20px;
    word-break:break-all;
    word-wrap:break-word;
    overflow:hidden;
    text-overflow:-o-ellipsis-lastline;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
.moco-discovery-dialog .publish .publish-forward .publish-forward-content .feed-article .article-detail>div {
    height:50px
}
.moco-discovery-dialog .publish .publish-forward .publish-forward-content .feed-article .article-detail a,.moco-discovery-dialog .publish .publish-forward .publish-forward-content .feed-article .article-detail p {
    height:40px;
    font-size:12px;
    color:#4D555D;
    line-height:20px;
    overflow:hidden;
    word-break:break-all;
    word-wrap:break-word;
    text-overflow:-o-ellipsis-lastline;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.moco-discovery-dialog .publish .publish-forward .publish-forward-content .feed-article .article-tool {
    font-size:12px;
    color:#93999F;
    line-height:16px
}
.moco-discovery-dialog .publish .publish-forward .publish-forward-content .feed-article .article-tool .article-tip a {
    float:left;
    margin-right:12px;
    color:#93999F
}
.moco-discovery-dialog .feed-detail-close {
    position:absolute;
    right:-80px;
    font-size:24px;
    top:-32px;
    color:#fff
}
.moco-discovery-dialog .feed-title {
    padding:16px 0;
    line-height:32px;
    border-bottom:1px solid #D9DDE1
}
.moco-discovery-dialog .feed-detail {
    padding:0!important;
    width:624px
}
.moco-discovery-dialog .feed-detail .feed-comment {
    margin:10px -32px 0!important;
    width:688px!important;
    padding:20px 32px!important;
    border-top:1px solid #D9DDE1;
    box-shadow:0 5px 10px 0 rgba(7,17,27,.1)
}
.moco-discovery-dialog .feed-detail .feed-comment .user-pic,.moco-discovery-dialog .feed-detail .feed-comment .user-pic img {
    width:36px!important;
    height:36px!important
}
.moco-discovery-dialog .feed-detail .feed-comment .feed-right {
    padding-left:48px!important
}
.moco-discovery-dialog .feed-comment-list {
    padding:24px 0!important;
    border-bottom:1px solid #D9DDE1
}
.moco-discovery-dialog .feed-detail-view {
    display:none;
    color:#9199a1;
    margin-top:24px;
    line-height:24px;
    text-align:center;
    cursor:pointer
}
.moco-discovery-dialog .feed-detail-view:hover {
    color:#545c63
}
.transition {
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
#main {
    padding:0 0 36px
}
.container {
    width:682px;
    margin:0 auto;
    padding-top:32px
}
.left_menu {
    width:104px;
    margin-right:17px;
    text-align:center;
    background:#fff;
    border-radius:12px;
    box-shadow:0 4px 8px 0 rgba(28,31,33,.1)
}
.centerlist {
    width:682px
}
.right_personalization {
    width:280px
}
.right_personalization>div:first-child {
    margin-top:0
}
.user-icon {
    width:16px;
    height:16px;
    vertical-align:middle;
    display:inline-block;
    background:url(/static/img/common/user-icon.svg);
    position:relative
}
.great,.ismooc,.teacher {
    background-size:cover
}
.ismooc {
    background-position:0 0
}
.great {
    background-position:0 -16px
}
.teacher {
    background-position:0 -32px
}
.imv2-tag_faces {
    display:none!important
}
.swiper-pagination-bullet {
    cursor:pointer
}
body {
    overflow-x:hidden;
    background:#F8FAFC
}
.ad_dynamic {
    position:relative;
    width:100%;
    height:92px;
    background:rgba(7,17,27,.4);
    border-radius:12px;
    display:block;
    margin-bottom:8px
}
.ad_dynamic img {
    width:100%;
    height:92px;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:0;
    border-radius:8px
}
.ad_dynamic .span1,.ad_dynamic .span2 {
    z-index:1;
    color:#FFF;
    text-shadow:0 2px 2px rgba(7,17,27,.4);
    text-align:center;
    position:relative;
    display:block
}
.ad_dynamic .span1 {
    font-weight:700;
    font-size:20px;
    letter-spacing:2px;
    line-height:24px;
    padding-top:24px;
    margin-bottom:4px
}
.ad_dynamic .span2 {
    font-size:12px;
    line-height:16px
}
.followtop {
    width:100%;
    height:36px;
    margin-bottom:24px
}
.followtop img {
    float:left;
    border-radius:50%;
    width:48px;
    height:48px
}
.followtop>div {
    position:relative;
    float:right;
    padding-left:12px;
    width:622px;
    height:36px;
    margin-top:8px;
    box-sizing:border-box;
    font-size:14px;
    color:#9199A1;
    line-height:36px;
    background:rgba(84,92,99,.1);
    border-radius:6px;
    cursor:pointer
}
.followtop>div:hover {
    color:#545c63;
    background-color:rgba(84,92,99,.2)
}
.followtop>div i {
    position:absolute;
    top:7px;
    right:12px;
    font-size:20px;
    color:#B7BBBF;
    line-height:20px
}
textarea {
    color:#4D555D;
    resize:none;
    outline:0
}
textarea:-moz-placeholder {
    color:#B7BBBF
}
textarea::-moz-placeholder {
    color:#B7BBBF;
    opacity:1
}
textarea:-ms-input-placeholder {
    color:#B7BBBF
}
textarea::-webkit-input-placeholder {
    color:#B7BBBF
}
.moco-modal-layer,.moco-modal-overlay {
    z-index:1001!important
}
.discovery .feed-detail-close {
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    color:rgba(255,255,255,.6)
}
.discovery .feed-detail-close:hover {
    color:#fff
}
.discovery .discovery-box {
    margin-bottom:8px;
    position:relative;
    overflow:hidden;
    background:#FFF;
    box-shadow:0 4px 8px 0 rgba(0,0,0,.1);
    border-radius:8px
}
.discovery .discovery-box:hover {
    box-shadow:0 8px 16px 0 rgba(0,0,0,.1)
}
.discovery .discovery-banner {
    margin-bottom:16px;
    height:200px;
    background:#ddd;
    border-radius:8px
}
.discovery .discovery-new,.discovery .discovery-new-count {
    padding:8px;
    text-align:center;
    cursor:pointer;
    width:100%;
    height:34px;
    margin-bottom:8px;
    box-shadow:unset;
    box-sizing:border-box
}
.discovery .discovery-new {
    color:#37f;
    font-size:12px;
    line-height:16px;
    background-color:rgba(51,119,255,.1);
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.discovery .discovery-new:hover {
    color:#04c;
    box-shadow:unset
}
.discovery .discovery-new .imv2-close {
    float:right;
    font-size:16px;
    color:#9199a1;
    line-height:14px;
    margin-right:4px;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.discovery .discovery-new .imv2-close:hover {
    color:#1c1f21
}
.discovery .discovery-new-count {
    color:#fff;
    font-size:12px;
    line-height:16px;
    background-color:#FA0;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.discovery .discovery-new-count:hover {
    box-shadow:unset
}
.discovery .discovery-new-count.hide {
    height:0;
    padding:0 8px;
    opacity:0;
    display:block
}
.discovery .discovery-new-count .imv2-close {
    float:right;
    font-size:16px;
    color:#fff;
    line-height:14px;
    margin-right:4px
}
.discovery .feed-list {
    padding:24px
}
.discovery .feed-list .user-pic {
    width:48px;
    height:48px;
    border-radius:50%;
    overflow:hidden
}
.discovery .feed-list .user-pic img {
    width:48px;
    height:48px
}
.discovery .feed-list .feed-right {
    padding-left:64px
}
.discovery .feed-list .feed-right .feed-header {
    overflow:hidden
}
.discovery .feed-list .feed-right .feed-header .feed-praise {
    height:16px;
    margin-bottom:4px
}
.discovery .feed-list .feed-right .feed-header .feed-praise a,.discovery .feed-list .feed-right .feed-header .feed-praise i,.discovery .feed-list .feed-right .feed-header .feed-praise span {
    float:left;
    color:#9199a1
}
.discovery .feed-list .feed-right .feed-header .feed-praise a:hover,.discovery .feed-list .feed-right .feed-header .feed-praise i:hover {
    color:#545c63
}
.discovery .feed-list .feed-right .feed-header .feed-praise i {
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.discovery .feed-list .feed-right .feed-header .feed-praise a,.discovery .feed-list .feed-right .feed-header .feed-praise span {
    font-size:12px;
    line-height:16px
}
.discovery .feed-list .feed-right .feed-header .feed-praise a {
    font-weight:700;
    margin:0 4px;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.discovery .feed-list .feed-right .feed-header .feed-praise i {
    font-size:16px
}
.discovery .feed-list .feed-right .feed-header .feed-user {
    float:left;
    font-size:14px;
    color:#07111B;
    line-height:24px;
    font-weight:700
}
.discovery .feed-list .feed-right .feed-header .feed-user a {
    font-weight:700;
    font-size:14px;
    color:#1c1f21;
    line-height:24px;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.discovery .feed-list .feed-right .feed-header .feed-user a:hover {
    color:#37f
}
.discovery .feed-list .feed-right .feed-header .feed-user a,.discovery .feed-list .feed-right .feed-header .feed-user i,.discovery .feed-list .feed-right .feed-header .feed-user span {
    float:left;
    margin-right:8px
}
.discovery .feed-list .feed-right .feed-header .feed-user .user-icon {
    margin-top:5px
}
.discovery .feed-list .feed-right .feed-header .feed-user span {
    font-size:14px;
    color:#93999F;
    line-height:24px
}
.discovery .feed-list .feed-right .feed-header .feed-header-tip {
    float:left;
    font-weight:400;
    font-size:12px;
    color:#93999F;
    line-height:24px;
    margin-right:5px
}
.discovery .feed-list .feed-right .feed-header .feed-user-follow {
    margin-right:8px;
    padding:4px 12px 4px 8px;
    font-size:12px;
    color:#545c63;
    line-height:16px;
    border:1px solid #9199a1;
    border-radius:12px;
    float:left
}
.discovery .feed-list .feed-right .feed-header .feed-user-follow i {
    float:left;
    font-size:16px;
    line-height:16px
}
.discovery .feed-list .feed-right .feed-header .feed-user-follow span {
    float:left
}
.discovery .feed-list .feed-right .feed-header .feed-user-follow.cur {
    background:rgba(28,31,33,.08);
    padding-right:12px;
    font-size:12px;
    color:#545c63;
    cursor:default;
    width:54px;
    border:0
}
.discovery .feed-list .feed-right .feed-header .feed-user-isfollow {
    padding:0 8px;
    background:rgba(7,17,27,.06);
    border-radius:12px;
    font-size:12px;
    color:#93999F;
    line-height:24px;
    display:inline-block
}
.discovery .feed-list .feed-right .feed-header .feed-user-isfollow i {
    margin-right:5px
}
.discovery .feed-list .feed-right .feed-header .feed-time {
    float:right;
    font-size:12px;
    color:#9199a1;
    line-height:24px
}
.discovery .feed-list .feed-right .feed-content {
    text-align:left;
    padding-top:2px;
    margin-bottom:10px;
    font-size:14px;
    color:#1c1f21;
    line-height:24px;
    word-break:break-all;
    word-wrap:break-word
}
.discovery .feed-list .feed-right .feed-article {
    display:block;
    margin:5px 0 10px;
    padding:8px;
    background:#FFF;
    border:1px solid #F3F5F7;
    box-shadow:0 4px 8px 0 rgba(7,17,27,.1);
    border-radius:4px;
    overflow:hidden
}
.discovery .feed-list .feed-right .feed-article .article-img {
    float:left
}
.discovery .feed-list .feed-right .feed-article .article-img img {
    display:block;
    width:132px;
    height:132px;
    border-radius:2px
}
.discovery .feed-list .feed-right .feed-article .article-detail {
    position:relative;
    margin-left:152px;
    margin-right:12px;
    height:132px;
    overflow:hidden;
    padding-top:12px;
    box-sizing:border-box
}
.discovery .feed-list .feed-right .feed-article .article-detail .article-tit {
    display:block;
    font-size:14px;
    color:#1c1f21;
    line-height:20px;
    margin-bottom:4px;
    font-weight:700
}
.discovery .feed-list .feed-right .feed-article .article-detail .articlecont {
    height:50px
}
.discovery .feed-list .feed-right .feed-article .article-detail a,.discovery .feed-list .feed-right .feed-article .article-detail p {
    max-height:40px;
    font-size:12px;
    color:#545c63;
    line-height:20px;
    word-break:break-all;
    word-wrap:break-word;
    overflow:hidden;
    text-overflow:-o-ellipsis-lastline;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.discovery .feed-list .feed-right .feed-article .article-tool {
    position:absolute;
    bottom:12px;
    left:0;
    right:0;
    font-size:12px;
    color:#93999F;
    line-height:16px;
    height:16px
}
.discovery .feed-list .feed-right .feed-article .article-tool .article-tip a {
    float:left;
    margin-right:12px;
    color:#9199a1
}
.discovery .feed-list .feed-right .feed-article .article-tool .article-count {
    font-size:12px;
    color:#9199a1;
    line-height:16px
}
.discovery .feed-list .feed-right .feed-media {
    padding-bottom:10px;
    padding-top:10px;
    overflow:hidden;
    font-size:0
}
.discovery .feed-list .feed-right .feed-media.feed-media1 ul li {
    width:100%;
    height:auto;
    overflow:hidden;
    max-height:270px
}
.discovery .feed-list .feed-right .feed-media.feed-media1 ul img {
    width:auto;
    height:auto;
    max-width:270px;
    max-height:270px
}
.discovery .feed-list .feed-right .feed-media img {
    max-width:250px;
    border-radius:4px
}
.discovery .feed-list .feed-right .feed-media ul {
    width:402px
}
.discovery .feed-list .feed-right .feed-media ul li {
    float:left;
    margin:0 2px 2px 0;
    width:132px;
    height:132px;
    position:relative
}
.discovery .feed-list .feed-right .feed-media ul li img {
    width:132px;
    height:132px;
    border:1px solid rgba(0,0,0,.05)
}
.discovery .feed-list .feed-right .feed-media ul li span {
    position:absolute;
    right:0;
    bottom:0;
    width:40px;
    height:24px;
    font-size:12px;
    color:#FFF;
    text-align:center;
    line-height:24px;
    background:rgba(7,17,27,.4)
}
.discovery .feed-list .feed-right .feed-forward {
    margin-bottom:10px;
    padding:18px 24px;
    background:#f3f5f6;
    border-radius:8px
}
.discovery .feed-list .feed-right .feed-forward .feed-content {
    padding-bottom:0
}
.discovery .feed-list .feed-right .feed-forward .feed-article {
    margin-bottom:0
}
.discovery .feed-list .feed-right .feed-tool {
    overflow:hidden
}
.discovery .feed-list .feed-right .feed-tool a {
    color:#93999F
}
.discovery .feed-list .feed-right .feed-tool a:hover,.discovery .feed-list .feed-right .feed-tool a:hover i {
    color:#4d555d
}
.discovery .feed-list .feed-right .feed-tool a.cur i {
    color:#37f
}
.discovery .feed-list .feed-right .feed-tool .feed-tool-btns a {
    float:left;
    margin-right:24px;
    font-size:12px;
    line-height:32px;
    height:32px;
    color:#9199a1
}
.discovery .feed-list .feed-right .feed-tool .feed-tool-btns a:hover {
    color:#545c63
}
.discovery .feed-list .feed-right .feed-tool .feed-tool-btns i {
    float:left;
    margin-right:4px;
    font-size:16px;
    color:#9199a1;
    line-height:32px
}
.discovery .feed-list .feed-right .feed-tool .feed-tool-btns i.active {
    color:rgba(240,20,20,.4)
}
.discovery .feed-list .feed-right .feed-tool .feed-tool-btns span {
    float:left;
    font-size:12px;
    color:#9199a1;
    line-height:32px
}
.discovery .feed-list .feed-right .feed-tool .feed-share-btn {
    font-size:16px;
    line-height:24px
}
.discovery .feed-list .feed-right .feed-tool .feed-share-btn i {
    margin-top:5px;
    margin-right:0
}
.discovery .feed-list .feed-right .feed-tool .feed-share {
    display:none;
    margin-right:20px
}
.discovery .feed-list .feed-right .feed-tool .feed-share .bdsharebuttonbox a {
    float:left;
    margin:0 24px 0 0!important;
    cursor:pointer;
    font-size:16px!important;
    color:#9199a1!important;
    line-height:24px!important;
    background:0 0!important;
    padding:0!important
}
.discovery .feed-list .feed-right .feed-tool .feed-share .bdsharebuttonbox a:hover {
    color:#545c63!important
}
.discovery .feed-list .feed-right .feed-tool .feed-share .bdsharebuttonbox a:last-child {
    margin-right:0!important
}
.discovery .feed-list .feed-right .feed-tool .feed-share .feed-report {
    margin-left:24px;
    font-size:12px;
    line-height:24px;
    color:#9199a1;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.discovery .feed-list .feed-right .feed-tool .feed-share .feed-report:hover {
    color:#545c63
}
.discovery .feed-list .feed-right .feed-tool .feed-share .feed-delete {
    margin-left:24px;
    font-size:12px;
    line-height:24px;
    color:#9199a1;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.discovery .feed-list .feed-right .feed-tool .feed-share .feed-delete:hover {
    color:#545c63
}
.discovery .comment-wrap {
    width:624px
}
.discovery .feed-detail {
    padding-bottom:0
}
.discovery .feed-detail .feed-right {
    padding-bottom:24px
}
.discovery .feed-detail .feed-comment {
    margin:-14px -24px 0;
    width:682px;
    background:#F8FAFC;
    box-sizing:border-box;
    padding:20px 24px;
    border-top:1px solid #d3d6d9
}
.discovery .feed-detail .feed-tool-btns a:nth-child(2) {
    cursor:default
}
.discovery .feed-comment {
    padding-top:30px;
    overflow:hidden
}
.discovery .feed-comment .feed-right textarea {
    padding:7px 12px;
    box-sizing:border-box;
    width:100%;
    height:36px;
    font-size:14px;
    line-height:22px;
    background:#FFF;
    border:1px solid #9199A1;
    border-radius:6px;
    overflow:hidden
}
.discovery .feed-comment .feed-right textarea.cur {
    height:100px
}
.discovery .feed-comment .feed-right .feed-comment-tool {
    padding-top:12px
}
.discovery .feed-comment .feed-right .feed-comment-tool i {
    cursor:pointer;
    font-size:20px;
    color:#93999F;
    line-height:32px
}
.discovery .feed-comment .feed-right .feed-comment-tool .feed-comment-submit label {
    font-size:12px;
    color:#4D555D;
    line-height:32px;
    margin-right:15px
}
.discovery .feed-comment .feed-right .feed-comment-tool .feed-comment-submit a {
    width:64px;
    height:32px;
    line-height:32px;
    display:inline-block;
    text-align:center;
    font-size:12px;
    color:#fff;
    border-radius:16px
}
.discovery .feed-comment .feed-right .feed-comment-tool .feed-comment-submit a.btn-submit {
    background:#37f;
    position:relative
}
.discovery .feed-comment .feed-right .feed-comment-tool .feed-comment-submit a.btn-submit.disabled:before {
    display:block
}
.discovery .feed-comment .feed-right .feed-comment-tool .feed-comment-submit a.btn-submit:before {
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    content:"评论中..";
    border-radius:16px;
    background:#37f
}
.discovery .feed-comment .feed-right .feed-comment-tool .feed-comment-submit a.reply-submit:before {
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    content:"回复中..";
    border-radius:16px;
    background:rgba(51,119,255,.8)
}
.discovery .feed-comment .feed-right .feed-comment-tool .feed-comment-submit a.btn-cancel {
    margin-right:10px;
    color:#545c63;
    border-radius:18px;
    background:rgba(28,31,33,.08)
}
.discovery .feed-comment .feed-right .feed-comment-tool .feed-comment-submit a.btn-cancel:hover {
    background:rgba(28,31,33,.12)
}
.discovery .feed-comment-list:hover .feed-report {
    display:inline-block
}
.discovery .feed-comment-list .feed-content {
    color:#4D555D
}
.discovery .feed-comment-list .feed-comment-up {
    border-radius:16px;
    line-height:32px!important;
    display:inline-block;
    padding:0 12px 0 16px;
    background:rgba(28,31,33,.08)
}
.discovery .feed-comment-list .feed-comment-up.active,.discovery .feed-comment-list .feed-comment-up.active i {
    color:rgba(240,20,20,.4)!important
}
.discovery .feed-comment-list .feed-comment-up i {
    color:#545c63;
    margin-right:5px!important
}
.discovery .feed-comment-list .feed-comment-up span {
    color:#545c63
}
.discovery .feed-comment-list .feed-comment-up.cur {
    background:#37f
}
.discovery .feed-comment-list .feed-comment-up.cur i,.discovery .feed-comment-list .feed-comment-up.cur span {
    color:#FFF!important
}
.discovery .feed-comment-list .feed-report {
    display:none
}
.discovery .feed-comment-list .feed-recomment {
    padding-top:20px
}
.discovery .feed-comment-list .feed-recomment-more {
    margin-top:20px;
    line-height:36px;
    text-align:center;
    font-size:12px;
    color:#93999F;
    background:#F8FAFC;
    border-radius:18px;
    cursor:pointer
}
.discovery .feed-comment-list .feed-recomment-more:hover {
    color:#37f;
    background:rgba(51,119,255,.1)
}
.discovery .feed-title {
    margin-bottom:10px;
    font-size:16px;
    color:#07111B;
    line-height:32px;
    font-weight:700
}
@keyframes spin {
    from {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
.discovery .feed-loading {
    display:none;
    border-radius:8px;
    font-size:12px;
    color:#9199a1;
    text-align:center;
    line-height:50px;
    height:50px;
    cursor:pointer
}
.discovery .feed-loading i {
    margin-right:5px;
    font-size:16px;
    color:#93999F;
    line-height:50px;
    margin-left:288px;
    animation:spin 1s linear infinite
}
.discovery .feed-loading i,.discovery .feed-loading span {
    float:left;
    height:50px
}
.swiper-container,.swiper-container img {
    width:672px;
    height:200px
}
.swiper-container {
    border-radius:8px;
    overflow:hidden
}
.swiper-container .swiper-slide {
    display:block
}
.swiper-container .swiper-pagination {
    text-align:right;
    padding-right:24px;
    bottom:18px!important;
    box-sizing:border-box
}
.swiper-container .swiper-pagination-bullet {
    width:8px;
    height:8px;
    background:rgba(7,17,27,.8);
    border:1px solid rgba(255,255,255,.6)
}
.swiper-container .swiper-pagination-bullet-active {
    background:#FFF;
    border:1px solid rgba(7,17,27,.4)
}
.swiper-container .addescription {
    height:56px;
    width:100%;
    position:absolute;
    bottom:0;
    box-sizing:border-box;
    font-size:16px;
    color:rgba(255,255,255,.8);
    line-height:24px;
    overflow:hidden;
    background:rgba(7,17,27,.4);
    padding:16px 88px 16px 24px
}
.tipoff-block,.tipoff-box {
    display:none;
    position:fixed
}
.swiper-container .addescription>div {
    height:24px;
    overflow:hidden
}
.tipoff-block {
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(7,17,27,.6);
    z-index:100
}
.tipoff-block.cur {
    z-index:903
}
.tipoff-box {
    top:50%;
    left:50%;
    margin-top:-168px;
    margin-left:-225px;
    padding:24px 32px 32px;
    width:450px;
    height:336px;
    background:#FFF;
    box-shadow:0 8px 16px 0 rgba(7,17,27,.2);
    border-radius:8px;
    box-sizing:border-box;
    z-index:101
}
.tipoff-box.cur {
    z-index:904
}
.tipoff-box .tipoff-loading {
    margin:10px auto;
    width:70px;
    z-index:6
}
.tipoff-box .tipoff-loading .bounce1,.tipoff-box .tipoff-loading .bounce2,.tipoff-box .tipoff-loading .bounce3 {
    width:20px;
    height:20px;
    background-color:#d9dde1;
    border-radius:100%;
    display:inline-block;
    -webkit-animation:bouncedelay 1.2s infinite ease-in-out;
    animation:bouncedelay 1.2s infinite ease-in-out;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.tipoff-box .tipoff-loading .bounce1 {
    -webkit-animation-delay:-.32s;
    animation-delay:-.32s
}
.tipoff-box .tipoff-loading .bounce2 {
    -webkit-animation-delay:-.16s;
    animation-delay:-.16s
}
@-webkit-keyframes bouncedelay {
    0%,100%,80% {
        -webkit-transform:scale(0)
    }
    40% {
        -webkit-transform:scale(1)
    }
}
@keyframes bouncedelay {
    0%,100%,80% {
        transform:scale(0);
        -webkit-transform:scale(0)
    }
    40% {
        transform:scale(1);
        -webkit-transform:scale(1)
    }
}
.tipoff-box .tipoff-top-box {
    margin-bottom:24px;
    width:100%;
    font-size:16px;
    color:#07111B;
    line-height:24px
}
.tipoff-box .tipoff-top-box .tipoff-close-btn {
    font-size:24px;
    color:#93999F;
    line-height:24px
}
.tipoff-box .tipoff-type-box {
    width:100%;
    height:48px;
    overflow:hidden;
    margin-bottom:24px
}
.tipoff-box .tipoff-type-box .item {
    width:33.3%;
    font-size:12px;
    color:#93999F;
    line-height:24px;
    overflow:hidden
}
.tipoff-box .tipoff-type-box .item i {
    display:inline-block;
    margin-right:4px;
    font-size:16px;
    line-height:24px
}
.tipoff-box .tipoff-type-box .item p {
    max-width:108px;
    height:24px;
    overflow:hidden
}
.tipoff-box .tipoff-content {
    position:relative
}
.tipoff-box .tipoff-content .tipoff-desc {
    padding:12px;
    width:386px;
    height:88px;
    background:#FFF;
    border:1px solid #D9DDE1;
    border-radius:2px;
    box-sizing:border-box;
    font-size:14px;
    color:#07111B;
    resize:none
}
.tipoff-box .tipoff-content .tipoff-text {
    position:absolute;
    bottom:12px;
    right:12px;
    font-size:12px;
    color:#93999F;
    line-height:12px
}
.tipoff-box .tipoff-btn-box {
    width:100%;
    margin-top:24px
}
.tipoff-box .tipoff-btn-box .tipoff-cancel-btn {
    margin-right:8px;
    width:76px;
    height:36px;
    line-height:36px;
    border:1px solid #D9DDE1;
    border-radius:2px;
    font-size:14px;
    color:#93999F;
    text-align:center;
    cursor:pointer
}
.tipoff-box .tipoff-btn-box .tipoff-submit-btn {
    width:76px;
    height:36px;
    background:#37f;
    border-radius:2px;
    font-size:14px;
    color:#FFF;
    line-height:36px;
    text-align:center;
    cursor:pointer
}

<!-- 左侧导航栏 -->
@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
    margin:0;
    padding:0
}
fieldset,img {
    border:0
}
:focus {
    outline:0
}
address,caption,cite,code,dfn,em,strong,th,var,optgroup {
    font-style:normal;
    font-weight:400
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:400
}
abbr,acronym {
    border:0;
    font-variant:normal
}
code,kbd,samp,tt {
    font-size:100%
}
input,button,textarea,select {
    *font-size:100%;
    border:0
}
body {
    background:#fff;
    color:#5e5e5e;
    font:14px/2em Microsoft YaHei,SimSun,Arial
}
ol,ul {
    list-style:none
}
table {
    border-collapse:collapse;
    border-spacing:0
}
caption,th {
    text-align:left
}
sup,sub {
    font-size:100%;
    vertical-align:baseline
}
:link,:visited,ins {
    text-decoration:none
}
blockquote,q {
    quotes:none
}
blockquote:before,blockquote:after,q:before,q:after {
    content:'';
    content:none
}
a:link,a:visited {
    color:#5e5e5e
}

.clear {
    height:0;
    overflow:hidden;
    clear:both
}
.hide {
    display:none
}
.btn.hide {
    display:none
}
a.hidefocus {
    outline:0
}
button.hidefocus::-moz-focus-inner {
    border:0
}
a:focus {
    outline:0;
    -moz-outline:0
}
input,textarea {
    outline:0
}
h2 {
    font-size:20px
}
h3 {
    font-size:16px;
    line-height:32px
}
h5 {
    font-size:14px;
    line-height:28px
}
.img_border {
    border:4px solid #fff;
    border-radius:1px
}
.bb {
    border-bottom:1px solid #d2d2d2
}
.bt {
    border-top:1px solid #d2d2d2
}
.bbn {
    border-bottom:0!important
}
.mc {
    margin:0 auto!important
}
.m0 {
    margin:0!important
}
.m1 {
    margin:1px!important
}
.m2 {
    margin:2px!important
}
.m3 {
    margin:3px!important
}
.m4 {
    margin:4px!important
}
.m5 {
    margin:5px!important
}
.m10 {
    margin:10px
}
.m15 {
    margin:15px
}
.m20 {
    margin:20px
}
.m25 {
    margin:25px
}
.m30 {
    margin:30px
}
.mt5 {
    margin-top:5px!important
}
.mt0 {
    margin-top:0!important
}
.mt10 {
    margin-top:10px!important
}
.mt14 {
    margin-top:14px
}
.mt15 {
    margin-top:15px
}
.mt18 {
    margin-top:18px
}
.mt20 {
    margin-top:20px!important
}
.mt30 {
    margin-top:30px
}
.mt40 {
    margin-top:40px
}
.mt50 {
    margin-top:50px
}
.mt60 {
    margin-top:60px
}
.mt70 {
    margin-top:70px
}
.mt80 {
    margin-top:80px
}
.mt90 {
    margin-top:90px
}
.mt100 {
    margin-top:100px
}
.mb0 {
    margin-bottom:0!important
}
.mb3 {
    margin-bottom:3px
}
.mb5 {
    margin-bottom:5px!important
}
.mb10 {
    margin-bottom:10px
}
.mb15 {
    margin-bottom:15px
}
.mb20 {
    margin-bottom:20px!important
}
.mb25 {
    margin-bottom:25px!important
}
.mb30 {
    margin-bottom:30px
}
.mb40 {
    margin-bottom:40px
}
.mb50 {
    margin-bottom:50px
}
.mb55 {
    margin-bottom:55px
}
.mb80 {
    margin-bottom:80px
}
.mb100 {
    margin-bottom:100px
}
.ml0 {
    margin-left:0!important
}
.ml8 {
    margin-left:8px!important
}
.ml1 {
    margin-left:1px!important
}
.ml5 {
    margin-left:5px!important
}
.ml10 {
    margin-left:10px!important
}
.ml12 {
    margin-left:12px!important
}
.ml13 {
    margin-left:13px!important
}
.ml15 {
    margin-left:15px!important
}
.ml25 {
    margin-left:25px!important
}
.ml20 {
    margin-left:20px!important
}
.ml30 {
    margin-left:30px!important
}
.ml35 {
    margin-left:35px!important
}
.ml38 {
    margin-left:38px!important
}
.ml40 {
    margin-left:40px!important
}
.ml50 {
    margin-left:50px!important
}
.ml60 {
    margin-left:60px!important
}
.ml55 {
    margin-left:55px!important
}
.ml57 {
    margin-left:57px!important
}
.ml60 {
    margin-left:60px!important
}
.ml80 {
    margin-left:80px!important
}
.ml100 {
    margin-left:100px!important
}
.ml110 {
    margin-left:110px!important
}
.ml120 {
    margin-left:120px!important
}
.ml150 {
    margin-left:150px!important
}
.ml200 {
    margin-left:200px!important
}
.ml250 {
    margin-left:250px!important
}
.ml285 {
    margin-left:285px!important
}
.ml835 {
    margin-left:835px!important
}
.mr5 {
    margin-right:5px!important
}
.mr10 {
    margin-right:10px!important
}
.mr15 {
    margin-right:15px!important
}
.mr20 {
    margin-right:20px!important
}
.mr30 {
    margin-right:30px!important
}
.mr40 {
    margin-right:40px!important
}
.mr50 {
    margin-right:50px!important
}
.mr80 {
    margin-right:80px!important
}
.mr100 {
    margin-right:100px!important
}
.mr250 {
    margin-right:250px!important
}
.mr300 {
    margin-right:300px!important
}
.pointer {
    cursor:pointer
}
.color-gray,a.color-gray:link,a.color-gray:visited {
    color:#b7bcc0
}
.color-white {
    color:#fff!important
}
.color-blue {
    color:#088bd3
}
.fl {
    float:left
}
.fr {
    float:right
}
.mr60 {
    margin-right:60px
}
.color-red {
    color:#EF1300!important
}
.pr {
    position:relative
}
.pa {
    position:absolute
}
.errorHint {
    height:25px;
    line-height:20px;
    font-size:12px;
    color:#f01414
}
.breakall {
    word-break:break-all
}
.wui-dialog {
    background-color:#fff;
    box-shadow:#ccc 1px 4px 20px 3px;
    position:absolute;
    box-shadow:0 12px 24px 0 rgba(0,0,0,.24)
}
.cb {
    clear:both
}
.fs12 {
    font-size:12px!important
}
.fs14 {
    font-size:14px!important
}
.fs16 {
    font-size:16px!important
}
.fs18 {
    font-size:18px!important
}
.fs20 {
    font-size:20px!important
}
.bold {
    font-weight:700!important
}
a:link,a:visited,body,html {
    color:#1c1f21
}
.container,.newcontainer,.page-container {
    width:1152px;
    margin:0 auto
}
body,html {
    font:14px/1.5 "PingFang SC","微软雅黑","Microsoft YaHei",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif
}
body {
    min-width:1200px;
    background-color:#f8fafc;
    overflow-y:scroll;
    padding-top:0;
    -webkit-transition:-webkit-transform .3s ease;
    transition:transform .3s ease
}
.hide-text,.text-ellipsis {
    overflow:hidden;
    white-space:nowrap
}
a:active,a:hover {
    color:#ec1500
}

.hide {
    display:none
}
.hide-text {
    text-indent:100%
}
#main {
    min-height:750px;
    padding:20px 0
}
.waper {
    width:1200px;
    margin:0 auto
}
.shadow {
    -webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);
    -moz-box-shadow:0 2px 4px rgba(0,0,0,.1);
    box-shadow:0 2px 4px rgba(0,0,0,.1)
}
.text-ellipsis {
    text-overflow:ellipsis
}
.addZ-index,.addZ-indexCode {
    z-index:9999
}
.app-download {
    position:relative
}
.app-download .app-load-box {
    display:none;
    position:absolute;
    right:0;
    top:100%;
    width:304px;
    padding:22px 24px;
    box-sizing:border-box;
    background-color:#fff;
    color:#4D555D;
    line-height:16px;
    box-shadow:0 8px 16px 0 rgba(7,17,27,.2);
    border-bottom-right-radius:8px;
    border-bottom-left-radius:8px;
    z-index:99999;
    font-size:12px
}
.app-download .app-load-box img {
    width:108px;
    height:108px
}
.app-download .app-load-box p {
    margin-bottom:12px
}
.app-download .app-load-box a {
    display:block;
    color:#fff;
    width:132px;
    height:36px;
    margin-top:8px;
    line-height:36px;
    background:#4D555D;
    border-radius:18px
}
.app-download .app-load-box a:hover {
    background-color:#07111b
}
.app-download .app-load-box a i {
    font-size:16px;
    margin:0 8px 0 12px;
    vertical-align:-2px
}
.set_btn img,select {
    vertical-align:middle
}
.user-card-box {
    position:relative
}
.user-card-box .g-user-card {
    visibility:hidden;
    position:absolute;
    right:0;
    top:100%;
    z-index:1000;
    width:306px;
    padding:24px;
    background-color:#fff;
    box-shadow:0 8px 16px 0 rgba(7,17,27,.2);
    border-bottom-right-radius:8px;
    border-bottom-left-radius:8px;
    box-sizing:border-box
}
.newcomer_modal,.shop-cart .my-cart {
    box-shadow:0 8px 16px 0 rgba(28,31,33,.2)
}
.user-card-box .g-user-card .card-top {
    color:#93999f;
    position:relative
}
.user-card-box .g-user-card .card-top a {
    display:inline-block;
    color:#93999f
}
.user-card-box .g-user-card .card-top a img {
    float:left;
    width:72px;
    height:72px;
    border-radius:50%;
    border:2px solid #fff;
    margin-right:12px
}
.user-card-box .g-user-card .card-top .card-top-right-box {
    margin-top:14px
}
.user-card-box .g-user-card .card-top .name {
    display:inline-block;
    font-size:16px;
    color:#07111b;
    width:170px;
    line-height:20px
}
.user-card-box .g-user-card .card-top .meta {
    margin-top:4px;
    font-size:12px;
    line-height:12px
}
.user-card-box .g-user-card .card-top .meta a {
    margin-right:12px
}
.user-card-box .g-user-card .card-top .meta b {
    margin-left:2px
}
.user-card-box .g-user-card .user-center-box {
    margin-top:16px;
    margin-bottom:14px
}
.user-card-box .g-user-card .user-center-box ul li {
    position:relative;
    width:128px;
    width:127px\9;
    background:#F8FAFC;
    border-radius:2px;
    color:#4d555d;
    margin:0 2px 2px 0
}
.user-card-box .g-user-card .user-center-box ul li .user-center-icon {
    position:relative;
    top:3px;
    font-size:16px;
    margin-right:8px
}
.user-card-box .g-user-card .user-center-box ul li a {
    width:100%;
    height:36px;
    line-height:36px;
    padding-left:12px;
    text-align:left;
    box-sizing:border-box
}
.user-card-box .g-user-card .user-center-box ul li:hover {
    background:#d9dde1
}
.user-card-box .g-user-card .user-center-box ul li:hover a {
    color:#4d555d
}
.user-card-box .g-user-card .user-center-box ul li i {
    width:18px;
    height:18px;
    position:absolute;
    top:0;
    right:8px;
    background:url(/static/module/common/img/coupon-icon.png) no-repeat
}
.user-card-box .g-user-card .user-center-box ul li:nth-child(2n) {
    margin-right:0
}
.user-card-box .g-user-card .card-history {
    padding-bottom:16px;
    margin-bottom:-1px;
    border-bottom:1px solid #edf1f2
}
.user-card-box .g-user-card .card-history .history-item {
    display:block;
    position:relative;
    padding-left:24px;
    color:#787d82;
    transition:background-color .2s;
    line-height:20px
}
#header #login-area .logined>li>a,#header .logo a {
    -webkit-transition:background-color .2s;
    -moz-transition:background-color .2s
}
.user-card-box .g-user-card .card-history .history-item .tit {
    display:block;
    margin-bottom:8px;
    font-weight:700
}
.user-card-box .g-user-card .card-history .history-item .media-name {
    display:block;
    width:200px
}
.user-card-box .g-user-card .card-history .history-item .icon-clock,.user-card-box .g-user-card .card-history .history-item .imv2-history {
    position:absolute;
    left:0;
    top:2px;
    font-size:16px;
    font-weight:700
}
.user-card-box .g-user-card .card-history .history-item .continue {
    position:absolute;
    right:0;
    top:25px;
    color:#00b43c
}
.user-card-box .g-user-card .card-history .history-item .continue:hover {
    color:#00c850
}
.user-card-box .g-user-card .card-sets {
    margin-top:16px;
    font-size:12px;
    line-height:12px
}
.user-card-box .g-user-card .card-sets a {
    color:#93999F
}
.user-card-box .g-user-card .card-sets a:hover {
    color:#4d555d;
    background:0 0
}
.user-card-box.hover .g-user-card {
    visibility:visible
}
.shop-cart {
    position:relative
}
.shop-cart .shop-cart-icon span {
    color:rgba(255,255,255,.6)
}
.shop-cart .shop-cart-icon .icon-shopping-cart,.shop-cart .shop-cart-icon .imv2-cart {
    position:relative;
    top:2px;
    font-size:16px;
    margin-right:8px
}
.shop-cart .shop-cart-icon .shopping_icon {
    padding:0 5px;
    height:16px;
    line-height:16px;
    background:#f01414;
    border-radius:50%;
    color:#fff;
    margin-left:8px
}
.shop-cart .my-cart {
    display:none;
    width:344px;
    padding:0 16px;
    position:absolute;
    right:0;
    background:#fff;
    box-sizing:border-box;
    z-index:99999;
    border-bottom-right-radius:8px;
    border-bottom-left-radius:8px
}
.shop-cart .my-cart .cart-title-box {
    padding:13px 12px;
    border-bottom:1px solid #D3D6D9
}
.shop-cart .my-cart .cart-title-box h2,.shop-cart .my-cart .cart-title-box h5 {
    height:24px;
    line-height:24px
}
.shop-cart .my-cart .cart-title-box h2 {
    font-weight:700;
    font-size:14px;
    color:#1C1F21
}
.shop-cart .my-cart .cart-title-box h5 {
    font-size:12px;
    color:#9199A1
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box {
    height:284px;
    overflow-y:scroll
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul {
    width:100%
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li {
    padding:12px;
    box-sizing:border-box
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li:hover {
    background:#F8FAFC
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li:hover .del {
    display:block
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li a {
    width:auto;
    height:auto
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li img {
    width:100px;
    height:56px;
    margin-right:10px
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .content-box {
    width:160px
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .content-box h3 {
    font-size:12px;
    color:#07111b;
    line-height:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .content-box p {
    margin-top:8px;
    height:16px
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .content-box p span {
    color:rgba(240,20,20,.6);
    font-size:12px;
    line-height:16px
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .content-box p span:hover {
    color:#f01414
}
.shop-cart .my-cart .cart-wrap .cart-wrap-box ul li .del {
    display:none;
    cursor:pointer
}
.shop-cart .my-cart .cart-wrap .clear-cart {
    height:284px;
    text-align:center
}
.shop-cart .my-cart .cart-wrap .clear-cart .cartIcon {
    margin:36px 0 8px;
    display:inline-block;
    font-size:72px;
    color:#D3D6D9
}
.shop-cart .my-cart .cart-wrap .clear-cart h3 {
    font-size:14px;
    color:#545C63;
    text-align:center;
    line-height:24px
}
.shop-cart .my-cart .cart-wrap .clear-cart .text {
    margin-bottom:8px;
    font-size:12px;
    color:#9199A1;
    text-align:center;
    line-height:24px
}
.shop-cart .my-cart .cart-wrap .clear-cart .go-link {
    display:block;
    color:rgba(240,20,20,.6);
    font-size:12px;
    line-height:24px;
    margin-bottom:4px
}
.shop-cart .my-cart .cart-wrap .clear-cart .go-link:hover {
    color:#f01414
}
.shop-cart .my-cart .more-box {
    padding:16px 12px;
    border-top:1px solid #D3D6D9
}
.shop-cart .my-cart .more-box .show-box {
    height:32px;
    line-height:32px;
    font-size:12px
}
.shop-cart .my-cart .more-box .show-box .num-icon {
    color:#fff;
    line-height:16px;
    padding:0 5px;
    border-radius:50%;
    background:#f01414;
    box-sizing:border-box
}
.shop-cart .my-cart .more-box .show-box .text,.shop-cart .my-cart .more-box .show-box .text a {
    color:#93999f
}
.shop-cart .my-cart .more-box .show-box .text a:hover {
    color:#4d555d
}
.shop-cart .my-cart .more-box .show-box .go-pay a {
    color:rgba(240,20,20,.6)
}
.shop-cart .my-cart .more-box .go-cart {
    width:96px;
    color:#fff;
    font-size:12px;
    line-height:16px;
    padding:8px 16px;
    background:rgba(240,20,20,.8);
    border-radius:16px;
    border:none
}
.shop-cart .my-cart .more-box .go-cart:hover {
    background-color:#f01414
}
.shop-cart.hover .shop-cart-icon {
    border-color:rgba(255,255,255,.4);
    background-color:rgba(255,255,255,.1)
}
.shop-cart.hover .shop-cart-icon span {
    color:#fff
}
.shop-cart.hover .my-cart {
    display:block
}
#header {
    background:#07111b
}
#header .page-container {
    width:auto;
    padding-right:10px;
    z-index:900;
    box-shadow:0 4px 8px 0 rgba(7,17,27,.1);
    position:relative
}
#header .logo {
    float:left;
    margin:0 20px
}
#header .logo a {
    display:block;
    width:140px;
    height:72px;
    background:url(/static/img/common/logo.png?t=2.4) center center no-repeat;
    transition:background-color .2s
}
#header .nav-item li {
    float:left
}
#header .nav-item li a {
    padding:0 20px;
    display:block;
    color:rgba(255,255,255,.6);
    text-align:center;
    font-size:16px;
    height:72px;
    line-height:72px;
    -webkit-transition:background-color .3s;
    -moz-transition:background-color .3s;
    transition:background-color .3s;
    position:relative
}
#header .nav-item li a .icn-new {
    position:absolute;
    display:inline-block;
    top:14px;
    width:16px;
    height:16px;
    background:url(/static/img/common/new.png) no-repeat
}
#header .nav-item li a.active,#header .nav-item li a:hover {
    color:#fff
}
#header #login-area {
    float:right;
    position:relative
}
#header #login-area .app-download {
    line-height:72px;
    color:rgba(255,255,255,.6)
}
#header #login-area .app-download>a {
    padding:0 15px;
    font-size:14px;
    color:rgba(255,255,255,.6)
}
#header #login-area .app-download>a:hover {
    color:#fff
}
#header #login-area .shop-cart {
    height:36px;
    line-height:36px;
    margin:18px 0
}
#header #login-area .shop-cart .shop-cart-icon {
    display:inline-block;
    padding:0 18px;
    width:auto;
    box-sizing:border-box;
    border:1px solid rgba(255,255,255,.2);
    border-radius:18px;
    height:36px;
    line-height:34px;
    color:#787d82;
    text-align:center
}
#header #login-area .shop-cart .my-cart {
    top:54px
}
#header #login-area .logined>li {
    float:left;
    position:relative
}
#header #login-area .logined>li>a {
    display:block;
    width:60px;
    height:72px;
    line-height:72px;
    color:#787d82;
    text-align:center;
    transition:background-color .2s
}
#header #login-area .logined>li>a:hover,#header #login-area .logined>li>a:hover i {
    color:#fff
}
#header #login-area .header-unlogin>li {
    float:left
}
#header #login-area .header-unlogin .header-signin {
    margin-left:12px;
    color:rgba(255,255,255,.6)
}
#header #login-area .header-unlogin .header-signin a {
    display:inline-block;
    padding:0 12px;
    height:72px;
    line-height:72px;
    font-size:14px;
    color:rgba(255,255,255,.6);
    -webkit-transition:background-color .2s;
    -moz-transition:background-color .2s;
    transition:background-color .2s
}
#new_header .new-header .nav-item li a,.search-area .search-input {
    -webkit-transition:background-color .3s;
    -moz-transition:background-color .3s
}
#header #login-area .header-unlogin .header-signin a:hover {
    color:rgba(240,20,20,.8)
}
#new_header {
    background:#07111B
}
#new_header .new-header {
    width:1152px;
    height:40px;
    margin:0 auto;
    font-size:12px
}
#new_header .new-header .nav-item li {
    float:left;
    margin-right:12px
}
#new_header .new-header .nav-item li a {
    display:block;
    padding:0 12px;
    height:40px;
    line-height:40px;
    color:rgba(255,255,255,.6);
    transition:background-color .3s;
    position:relative
}
#new_header .new-header .nav-item li a .icn-new {
    position:absolute;
    display:inline-block;
    top:2px;
    width:16px;
    height:16px;
    background:url(/static/module/common/img/new.png) no-repeat
}
#new_header .new-header .nav-item li a.active {
    color:#fff
}
#new_header .new-header .nav-item li a:hover {
    color:#fff;
    background:rgba(255,255,255,.1)
}
#new_header .new-header .app-download>a,#new_header .new-header .remind_warp>a,#new_header .new-header .user-card-box>a {
    width:auto;
    padding:0 12px;
    height:40px;
    line-height:40px
}
#new_header .new-header .header-right {
    float:right
}
#new_header .new-header .header-right .app-download {
    float:left;
    color:rgba(255,255,255,.6);
    position:relative
}
#new_header .new-header .header-right .app-download>a {
    display:inline-block;
    padding:0 12px;
    height:40px;
    line-height:40px;
    color:rgba(255,255,255,.6)
}
#new_header .new-header .header-right .app-download>a:hover {
    color:#fff
}
#new_header .new-header .header-right .shop-cart {
    float:left;
    margin-left:12px;
    height:40px;
    line-height:40px
}
#new_header .new-header .header-right .shop-cart .shop-cart-icon {
    display:inline-block;
    height:40px;
    line-height:40px;
    padding:0 12px;
    border-radius:18px
}
#new_header .new-header .header-right .shop-cart .shop-cart-icon span {
    color:rgba(255,255,255,.6)
}
#new_header .new-header .header-right .shop-cart .my-cart {
    top:40px
}
#new_header .new-header .header-right #login-area {
    float:left;
    position:relative
}
#new_header .new-header .header-right #login-area .header-unlogin {
    margin-left:24px
}
#new_header .new-header .header-right #login-area .header-unlogin li {
    float:left
}
#new_header .new-header .header-right #login-area .header-unlogin .header-signin {
    color:#fff
}
#new_header .new-header .header-right #login-area .header-unlogin .header-signin a {
    display:inline-block;
    height:40px;
    line-height:40px;
    font-weight:700;
    color:#fff;
    -webkit-transition:background-color .2s;
    -moz-transition:background-color .2s;
    transition:background-color .2s
}
#new_header .new-header .header-right #login-area .header-unlogin .header-signin a:hover {
    color:#f01414
}
#new_header .new-header .header-right #login-area .logined>li {
    float:left;
    height:40px
}
#new_header .new-header .header-right #login-area .logined>li>a {
    -webkit-transition:background-color .2s;
    -moz-transition:background-color .2s;
    transition:background-color .2s
}
#new_header .new-header .header-right #login-area .logined .remind_warp {
    margin:0;
    width:64px;
    position:relative
}
#new_header .new-header .header-right #login-area .logined .remind_warp .msg_remind {
    display:none;
    width:4px;
    height:4px;
    background-color:#f01414;
    border-radius:50%;
    position:absolute;
    top:12px;
    right:22px
}
#new_header .new-header .header-right #login-area .logined .remind_warp>a {
    display:block;
    color:rgba(255,255,255,.6);
    text-align:center
}
#new_header .new-header .header-right #login-area .logined .remind_warp>a:hover {
    color:#fff
}
#new_header .new-header .header-right #login-area .logined .remind_warp .imv2-notifications {
    line-height:40px;
    font-size:16px
}
#new_header .new-header .header-right #login-area .logined .user-card-box .user-card-item img {
    display:inline-block;
    width:24px;
    height:24px;
    border:2px solid #4d5559;
    border-radius:50%;
    vertical-align:middle
}
#new_header .new-header .header-right #login-area .logined .user-card-box .user-card-item .myspace_remind {
    width:10px;
    height:10px;
    background:url(/static/module/common/img/space-remind.png) no-repeat;
    position:absolute;
    top:10px;
    right:10px
}
#new_header .new-header .header-right #login-area .logined .user-card-box:hover .user-card-item img {
    border-color:rgba(255,255,255,.6)
}
#new_header.special-header .new-header {
    width:1088px
}
.bindHintBox {
    background-color:#ffc;
    box-shadow:0 8px 16px 0 rgba(0,0,0,.2);
    position:absolute;
    right:10px;
    top:60px;
    width:313px;
    height:54px;
    z-index:3;
    font-size:12px;
    line-height:54px;
    color:#07111b;
    padding:0 15px
}
.bindHintBox .closeBindHint {
    width:17px;
    height:17px;
    position:relative;
    top:4px;
    left:20px;
    cursor:pointer;
    background:url(/static/img/nlogin.png) no-repeat;
    transition:transform .2s;
    -webkit-transition:transform .2s;
    -moz-transition:transform .2s;
    -o-transition:transform .2s
}
.bindHintBox .arrow {
    position:absolute;
    right:15px;
    top:-10px;
    border-width:0 10px 10px;
    border-color:transparent transparent #ffc;
    border-style:solid
}
.linkToMall {
    font-size:12px!important;
    color:#fff!important;
    opacity:1!important
}
.remind_warp {
    width:60px;
    height:48px
}
.remind_warp a {
    height:48px;
    line-height:48px
}
.remind_warp .msg_remind {
    display:none;
    position:absolute;
    width:8px;
    height:8px;
    background-color:#f01414;
    right:14px;
    top:14px;
    border-radius:50%
}
.remind_warp .icon-notifi {
    display:block;
    line-height:48px;
    font-size:22px;
    text-align:center;
    cursor:pointer;
    -webkit-transition:color .2s;
    -moz-transition:color .2s;
    transition:color .2s
}
.remind_warp .icon-notifi:hover {
    color:#fff
}
.remind_warp,.search-area {
    margin:12px 0
}
.search-warp {
    position:relative;
    float:left;
    margin-left:24px
}
.search-warp .searchTags {
    z-index:100;
    bottom:24px;
    right:40px
}
.search-warp .searchTags a {
    padding:3px 8px;
    color:rgba(255,255,255,.6);
    background-color:rgba(255,255,255,.1);
    border-radius:12px;
    font-size:12px;
    line-height:24px;
    font-weight:400
}
.search-warp .searchTags a.active,.search-warp .searchTags a:hover {
    background-color:rgba(255,255,255,.2);
    color:#fff
}
.search-warp .showhide-search {
    width:20px;
    height:24px;
    text-align:right;
    position:absolute;
    display:inline-block;
    right:0;
    bottom:24px;
    padding:0 8px;
    border-radius:18px
}
.search-warp .showhide-search i {
    display:block;
    height:24px;
    color:#757a7e;
    cursor:pointer;
    font-size:20px;
    line-height:24px;
    width:20px
}
.search-warp .showhide-search:hover i,.search-warp.search-active .showhide-search i {
    color:#F01414
}
.search-warp .showhide-search:hover {
    background:rgba(240,20,20,.4)
}
.search-warp .search-area.suggest-active {
    border-bottom-color:#F01414
}
.search-warp.search-active .showhide-search {
    background:rgba(240,20,20,.2)
}
.search-area {
    float:right;
    position:relative;
    height:46px;
    width:260px;
    padding-right:40px;
    border-bottom:1px solid rgba(255,255,255,.4);
    zoom:1;
    -webkit-transition:width .3s;
    -moz-transition:width .3s;
    transition:width .3s
}
.search-area .search-input {
    padding:12px 0;
    width:100%;
    height:46px;
    line-height:46px;
    font-size:12px;
    float:left;
    border:0;
    color:#fff;
    transition:background-color .3s;
    background-color:transparent;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box
}
.search-area .btn_search {
    float:left;
    cursor:pointer;
    width:30px;
    height:38px;
    text-align:center;
    -webkit-transition:background-color .3s;
    -moz-transition:background-color .3s;
    transition:background-color .3s
}
.search-area .search-area-result {
    position:absolute;
    left:0;
    top:60px;
    width:300px;
    margin-bottom:20px;
    border-top:none;
    background-color:#fff;
    box-shadow:0 8px 16px 0 rgba(7,17,27,.2);
    font-size:12px;
    overflow:hidden;
    display:none;
    z-index:800;
    border-bottom-right-radius:8px;
    border-bottom-left-radius:8px
}
.search-area .search-area-result li {
    height:40px;
    line-height:40px;
    padding:0 10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#787d82;
    cursor:pointer
}
.search-area .search-area-result li .light,.search-area .search-area-result li:hover {
    color:#1c1f21;
    background-color:#edf0f2
}
.search-area.min {
    width:0;
    border-color:#000
}
.my_message a span {
    display:none
}
.my_message .msg_remind {
    display:none;
    position:absolute;
    width:6px;
    height:6px;
    background-color:#f01414;
    right:14px;
    top:14px;
    border-radius:50%
}
.msg_icon {
    display:none;
    position:absolute;
    padding:0 5px;
    height:16px;
    left:32px;
    top:10px;
    line-height:16px;
    background:#f01414;
    border-radius:50%;
    color:#fff;
    font-style:normal;
    font-size:10px
}
.my_mp span {
    display:block;
    line-height:16px;
    color:#6c7072
}
.my_mp .mp {
    padding-top:12px;
    font-size:12px
}
.my_mp a:hover .mp_num {
    color:#fff
}
.set_btn {
    right:0
}
.set_btn img {
    border-radius:50%;
    display:inline-block;
    background:url(/static/img/menu_icon.png) no-repeat
}
#nav_list {
    display:none;
    z-index:999;
    width:140px;
    position:absolute;
    top:60px;
    right:0;
    background:#363c41;
    list-style:none
}
#nav_list li a {
    border-top:1px solid #4a5153;
    height:39px;
    line-height:39px;
    font-size:14px;
    background-image:url(/static/img/menu_icon.png?t=10);
    background-repeat:no-repeat;
    display:block;
    color:#fff;
    text-align:left;
    padding:0 0 0 47px;
    width:auto
}
#nav_list a:hover {
    color:#fff;
    background-color:#4d5559
}
#nav_list #my_space {
    padding:0 18px;
    background-image:none;
    border:0;
    height:49px;
    line-height:49px;
    text-align:center
}
.bordered,.panel-heading {
    border-bottom:solid 1px #d0d6d9
}
#nav_list .my_message {
    background-position:19px -46px
}
#nav_list #my_note {
    background-position:19px -90px
}
#nav_list #my_question {
    background-position:19px -128px
}
#nav_list #my_setting {
    background-position:19px -167px
}
#nav_list #my_logout {
    background-position:19px -207px
}
.myspace_remind {
    width:10px;
    height:10px;
    background:url(/static/img/space-remind.png) no-repeat;
    position:absolute;
    top:10px;
    right:10px
}
#footer {
    background:#1c1f21;
    border-top:1px solid #e2e4e6;
    font-size:12px;
    color:#787d82;
    padding:27px 0;
    min-width:620px
}
#footer .waper {
    width:auto;
    max-width:1200px
}
#footer .footer_intro {
    padding-left:40px
}
#footer p {
    line-height:1.7
}
.footer_logo {
    display:none;
    float:left;
    background:url(/static/img/common/footer-sprite.png?t=2) 0 -230px no-repeat;
    height:40px;
    width:120px;
    margin:0 20px
}
#footer .des {
    width:445px
}
#footer .followus {
    margin-right:34px;
    padding-left:30px
}
.followus a {
    float:left;
    position:relative;
    width:32px;
    height:32px;
    background-image:url(/static/img/common/footer-sprite.png?t=2);
    background-repeat:no-repeat;
    margin:3px 6px 0;
    opacity:.5;
    filter:alpha(opacity=50);
    -webkit-transition:opacity .2s;
    -moz-transition:opacity .2s;
    transition:opacity .2s;
    z-index:2
}
#footer .followus a:hover {
    opacity:1;
    filter:alpha(opacity=100)
}
.flw-weixin-box {
    position:absolute;
    display:none;
    width:170px;
    height:220px;
    left:-69px;
    bottom:35px;
    background:url(/static/img/common/footer-sprite.png?t=2) no-repeat
}
.followus .followus-weixin {
    background-position:0 -279px
}
.followus-weixin:hover .flw-weixin-box {
    display:block
}
.followus .followus-weibo {
    background-position:0 -321px
}
.followus .followus-qzone {
    background-position:0 -363px
}
.friend-links {
    line-height:60px
}
.friend-links a {
    display:inline-block;
    margin-right:20px
}
.friend-links a:hover {
    text-decoration:underline;
    color:#000
}
.friend-links dl {
    padding:0 10px
}
.friend-links dd {
    float:left;
    width:160px
}
.footer_link ul {
    overflow:hidden;
    margin-top:-1px
}
.footer_link a:active,.footer_link a:link,.footer_link a:visited {
    color:#c8cdd2
}
.footer_link a:hover {
    color:#fff
}
#footer .footer_link {
    margin-bottom:4px;
    line-height:1.8
}
#footer .footer_link li {
    margin-right:30px;
    text-align:center;
    float:left
}
.page {
    margin:25px 0 auto;
    overflow:hidden;
    clear:both;
    text-align:center
}
.page-inner {
    padding:0 20px
}
.page a,.page span,.page-disabled {
    padding:0 4px;
    min-width:24px;
    line-height:32px;
    font-size:14px;
    display:inline-block;
    text-align:center
}
.page a {
    margin:0 8px;
    color:#4d555d;
    border-radius:16px;
    -webkit-transition:border-color .2s;
    -moz-transition:border-color .2s;
    transition:border-color .2s
}
.page a.text-page-tag:hover {
    background:#d9dde1;
    color:#4d555d;
    text-decoration:none
}
.page a.text-page-tag.active {
    background:#4d555d;
    color:#fff
}
.panel,select {
    background-color:#fff
}
.page span,.page-disabled {
    height:32px;
    color:#c8cdd2
}
.page-first,.page-last {
    width:50px
}
.page-next,.page-prev {
    width:70px
}
.progress,progress {
    width:400px;
    height:6px
}
.page .notmargin {
    margin-right:0
}
.panel {
    -webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);
    -moz-box-shadow:0 2px 4px rgba(0,0,0,.2);
    box-shadow:0 2px 4px rgba(0,0,0,.2);
    padding:0 20px;
    color:#1c1f21;
    margin-bottom:20px
}
.panel-title {
    height:50px;
    line-height:50px;
    font-size:16px
}
select {
    margin:0;
    cursor:pointer;
    font-weight:400;
    border:1px solid #ccc;
    color:#555;
    display:inline-block;
    font-size:14px;
    height:30px;
    line-height:30px;
    padding:4px 6px
}
select:focus {
    outline:#333 dotted thin;
    outline:-webkit-focus-ring-color auto 5px;
    outline-offset:-2px
}
a.btn-add-collection {
    display:block;
    background:url(/static/img/course/new_add_collection.png) 46px top no-repeat;
    height:32px;
    color:#909b9e;
    text-align:center;
    line-height:35px
}
.progress,progress {
    display:inline-block
}
a.btn-add-collection:hover {
    background-position:46px -44px;
    color:#fff
}
a.btn-remove-collection {
    background-position:46px -88px;
    color:#909b9e
}
a.btn-remove-collection:hover {
    background-position:46px -130px
}
.course-title .btn-add-collection {
    margin-top:6px
}
.videohead .btn-add-collection {
    margin-top:20px
}
.js-btn-collection .concerned-icon {
    margin-top:34px;
    display:inline-block
}
progress {
    background:#f0f0f0;
    border:0;
    color:#aad94a
}
progress::-webkit-progress-bar {
    background:#f0f0f0
}
progress::-moz-progress-bar {
    background:#aad94a
}
progress::-webkit-progress-value {
    background:#aad94a
}
.progress {
    background:#f0f0f0
}
.progressBar {
    background:#aad94a;
    height:6px
}
.teacher-icon {
    width:7px;
    margin-left:5px;
    position:relative;
    top:1px
}
.double11-popup {
    display:none;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1000;
    background:rgba(0,0,0,.6)
}
.double11-popup a {
    position:fixed;
    top:50%;
    width:560px;
    height:490px;
    left:50%;
    margin-left:-280px;
    margin-top:-300px;
    background-image:url(/static/img/double11-popup.png);
    background-repeat:no-repeat;
    background-size:contain
}
.double11-popup a img {
    width:100%
}
.double11-popup a i {
    position:absolute;
    left:262px;
    bottom:-48px;
    font-size:36px;
    color:#FFF
}
.double11-top {
    width:100%;
    height:48px;
    min-width:1200px;
    background-image:url(/static/img/double11-top.png);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    padding:8px 0;
    box-sizing:border-box;
    overflow:hidden;
    z-index:1000;
    position:relative
}
.double11-top.fixed {
    position:fixed;
    top:0;
    transition:all .5s
}
.double11-top .inner_links {
    width:900px;
    margin:0 auto;
    position:relative;
    left:138px;
    z-index:1001
}
.double11-top .inner_links .act-item {
    display:inline-block;
    height:32px;
    line-height:32px;
    padding:0 16px;
    margin-left:10px;
    border-radius:21px;
    font-size:12px;
    font-family:PingFangSC-Semibold;
    color:#FAD80F;
    background:rgba(255,255,255,.2);
    cursor:pointer
}
.double11-top .inner_links .act-item.mainplace {
    background-image:linear-gradient(-135deg,#ff9d04 0,#f16705 100%);
    color:#fff;
    font-size:14px;
    line-height:30px
}
.double11-bottom {
    width:100%;
    height:136px;
    position:fixed;
    left:0;
    bottom:0;
    z-index:898;
    background-image:url(/static/img/double11-bottom.png);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}
.double11-bottom i {
    position:absolute;
    right:20px;
    bottom:48px;
    font-size:20px;
    color:rgba(255,255,255,.6);
    z-index:900
}
.double11-2018,.elevator {
    position:fixed;
    top:55%;
    right:0
}
.double11-bottom i:hover {
    color:#fff
}
.double11-2018 {
    display:block;
    width:102px;
    height:102px;
    margin-top:-252px;
    z-index:898;
    background-image:url(/static/img/double11-right.png?v=1);
    background-repeat:no-repeat;
    background-size:contain
}
@keyframes tada {
    0%,20%,to {
        transform:scaleX(1)
    }
    2%,4% {
        transform:scale3d(.9,.9,.9) rotate(-3deg)
    }
    10%,14%,18%,6% {
        transform:scale3d(1.1,1.1,1.1) rotate(3deg)
    }
    12%,16%,8% {
        transform:scale3d(1.1,1.1,1.1) rotate(-3deg)
    }
}
.animate-tada {
    animation:tada 6s 2s infinite;
    -webkit-animation:tada 6s 2s infinite
}
.elevator {
    padding:0 16px;
    margin-top:-140px;
    z-index:899;
    background-color:#fff;
    box-shadow:0 4px 12px 0 rgba(7,17,27,.1)
}
.elevator a {
    display:block;
    width:26px;
    padding:16px 0;
    font-size:22px;
    line-height:20px;
    color:#b5b9bc;
    box-sizing:border-box;
    text-align:center;
    border-bottom:1px solid #edf1f2
}
.elevator a:hover {
    color:#14191e
}
.elevator a i {
    font-size:24px;
    color:#D9DDE1
}
.elevator a i:hover {
    color:#14191e
}
.elevator a span {
    display:none;
    font-size:12px;
    color:#07111b;
    line-height:12px
}
.elevator .no-goto {
    border-bottom:none
}
.elevator .elevator-app:hover i,.elevator .elevator-faq:hover i,.elevator .elevator-msg:hover i,.elevator .elevator-top:hover i,.elevator .elevator-weixin:hover i {
    display:none
}
.elevator .elevator-app:hover span,.elevator .elevator-faq:hover span,.elevator .elevator-msg:hover span,.elevator .elevator-top:hover span,.elevator .elevator-weixin:hover span {
    display:inline-block
}
.elevator .elevator-app-box {
    position:absolute;
    width:172px;
    height:212px;
    bottom:-2px;
    right:56px;
    -webkit-transition:opacity .25s,transform .3s;
    -moz-transition:opacity .25s,transform .3s;
    transition:opacity .25s,transform .3s;
    opacity:0;
    filter:alpha(opacity=0);
    max-width:0;
    -webkit-transform:scale(.01);
    -ms-transform:scale(.01);
    transform:scale(.01);
    -webkit-transform-origin:100% 95%;
    -ms-transform-origin:100% 95%;
    transform-origin:100% 95%;
    background:url(/static/img/common/elevator.png?t=3) 0 -220px no-repeat
}
.elevator .elevator-app:hover .elevator-app-box {
    display:block;
    visibility:visible;
    opacity:1;
    filter:alpha(opacity=100);
    max-width:none;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.elevator .elevator-weixin-box {
    position:absolute;
    width:172px;
    height:212px;
    bottom:-4px;
    right:56px;
    -webkit-transition:opacity .25s,transform .3s;
    -moz-transition:opacity .25s,transform .3s;
    transition:opacity .25s,transform .3s;
    opacity:0;
    filter:alpha(opacity=0);
    max-width:0;
    -webkit-transform:scale(.01);
    -ms-transform:scale(.01);
    transform:scale(.01);
    -webkit-transform-origin:100% 95%;
    -ms-transform-origin:100% 95%;
    transform-origin:100% 95%;
    background:url(/static/img/common/elevator.png?t=3) no-repeat
}
.elevator .elevator-weixin:hover .elevator-weixin-box {
    display:block;
    visibility:visible;
    opacity:1;
    filter:alpha(opacity=100);
    max-width:none;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.btn,.cpt-close i,.cpt-ct i,.cpt-handle a {
    display:inline-block
}
a,button,input {
    outline:0
}
a:active {
    star:expression(this.onFocus=this.blur())
}
button::-moz-focus-inner {
    border:0
}
input::-moz-focus-inner {
    border:0
}
.autowrap {
    word-wrap:break-word;
    word-break:break-all
}
.compatible-contianer {
    position:fixed;
    top:0;
    left:0;
    right:0;
    min-width:800px;
    height:30px;
    line-height:30px;
    background:url(/static/img/iebg.gif) repeat-x;
    z-index:999999
}
.cpt-ct {
    color:#363636;
    font-size:12px;
    text-align:center
}
.cpt-ct i {
    width:12px;
    height:14px;
    vertical-align:-2px;
    margin-right:5px;
    background:url(/static/img/iefixed-sprite.png) no-repeat
}
.cpt-ct a {
    color:#39b94e
}
.cpt-ct a:hover {
    text-decoration:underline
}
.cpt-handle {
    position:absolute;
    right:20px;
    top:0;
    font-size:12px;
    line-height:27px
}
.cpt-handle a {
    vertical-align:middle
}
.cpt-handle .cpt-agin {
    color:#656e73;
    margin-right:5px
}
.cpt-handle .cpt-agin:hover {
    color:#363d40
}
.cpt-close {
    width:16px;
    height:16px;
    text-align:center;
    line-height:16px;
    border-radius:50%;
    transition:.3s
}
.cpt-close:hover {
    background-color:#fc8800
}
.cpt-close i {
    height:8px;
    width:8px;
    vertical-align:1px;
    background:url(/static/img/iefixed-sprite.png) 0 -24px no-repeat
}
.cpt-close:hover i {
    background-position:0 -42px
}
.layer-usercard {
    position:absolute;
    z-index:999;
    width:370px;
    height:165px;
    background:#fff;
    box-shadow:0 2px 2px #999
}
.layer-usercard .arrow {
    position:absolute;
    left:65px;
    top:-11px;
    width:19px;
    height:11px;
    background:url(/static/img/dot_usercard.png)
}
.layer-usercard-header {
    height:110px;
    background:#2a2c2e
}
.btn,.btn.active,.btn:active {
    outline:0;
    background-image:none
}
.layer-usercard-header .avatar img {
    border-radius:50px;
    left:21px;
    position:absolute;
    top:21px;
    border:3px solid #7f8082
}
.layer-usercard-header dd,.layer-usercard-header dt {
    float:right;
    width:245px;
    padding-right:20px;
    color:#fff
}
.layer-usercard-header dt {
    padding-top:20px;
    font-size:18px
}
.layer-usercard-header dd {
    font-size:12px
}
.layer-usercard-info ul {
    overflow:hidden;
    padding-top:16px;
    height:32px;
    font-size:16px;
    color:#364247;
    position:relative
}
.layer-usercard-info li {
    float:left;
    padding:0 22px;
    border-right:1px solid #d9d9d9
}
.layer-usercard-info span {
    color:#969b9e;
    font-size:12px
}
.layer-usercard-info li.noborder {
    border:0
}
li.layer-usercard-medal {
    padding:0;
    top:12px;
    right:10px;
    width:117px;
    position:absolute;
    border:0
}
.layer-usercard-medal a {
    width:32px;
    height:32px;
    float:left;
    margin-right:5px;
    border-radius:1px;
    overflow:hidden
}
.ipt,select.ipt {
    height:20px;
    line-height:20px
}
.ipt {
    color:#1c1f21;
    background-color:#fff;
    border:1px solid #98a1a6;
    padding:9px;
    font-size:14px;
    border-radius:0;
    -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
select[multiple].ipt,textarea.ipt {
    height:auto
}
.ipt:-moz-placeholder {
    color:#c8cdd2
}
.ipt::-moz-placeholder {
    color:#c8cdd2;
    opacity:1
}
.ipt:-ms-input-placeholder {
    color:#c8cdd2
}
.ipt::-webkit-input-placeholder {
    color:#c8cdd2
}
.ipt.placeholder {
    color:#c8cdd2
}
.ipt:focus {
    border-color:#1c1f21;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(28,31,33,.4);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(28,31,33,.4);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(28,31,33,.4)
}
.ipt.disabled,.ipt[disabled],.ipt[readonly] {
    cursor:default;
    background-color:#edf1f2;
    opacity:1
}
.btn,.btn-red {
    cursor:pointer
}
.ipt-error {
    color:#ec1500;
    border-color:#ec1500;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.ipt-error:focus {
    border-color:#ec1500;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(236,21,0,.4);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(236,21,0,.4);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(236,21,0,.4)
}
.btn {
    margin-bottom:0;
    font-weight:200;
    text-align:center;
    vertical-align:middle;
    touch-action:manipulation;
    text-decoration:none;
    box-sizing:content-box;
    border:1px solid transparent;
    -webkit-appearance:none;
    white-space:nowrap;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.btn.focus,.btn:focus,.btn:hover {
    color:#fff;
    text-decoration:none
}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    pointer-events:none;
    opacity:.65;
    filter:alpha(opacity=65);
    box-shadow:none
}
.btn-red {
    color:#fff;
    background-color:#ec1500;
    border-color:#ec1500;
    border-style:solid;
    border-width:1px;
    -weibkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    width:138px;
    height:38px;
    line-height:38px;
    font-size:14px
}
.btn-blue,.btn-green {
    -moz-transition:all .3s;
    color:#fff;
    border-style:solid;
    border-width:1px;
    -weibkit-transition:all .3s;
    width:138px;
    height:38px;
    line-height:38px;
    font-size:14px
}
.btn-red:link,.btn-red:visited {
    color:#fff
}
.btn-red.focus,.btn-red:focus,.btn-red:hover {
    color:#fff;
    background-color:#ff2611;
    border-color:#ff2611
}
.btn-red.active,.btn-red:active {
    background-color:#d31300;
    border-color:#d31300
}
.btn-red.disabled,.btn-red.disabled.active,.btn-red.disabled.focus,.btn-red.disabled:active,.btn-red.disabled:focus,.btn-red.disabled:hover,.btn-red[disabled],.btn-red[disabled].active,.btn-red[disabled].focus,.btn-red[disabled]:active,.btn-red[disabled]:focus,.btn-red[disabled]:hover {
    cursor:default;
    box-shadow:none;
    background-color:#ec1500;
    border-color:#ec1500
}
.btn-blue {
    background-color:#1481b8;
    border-color:#1481b8;
    cursor:pointer;
    transition:all .3s
}
.btn-blue:link,.btn-blue:visited {
    color:#fff
}
.btn-blue.focus,.btn-blue:focus,.btn-blue:hover {
    color:#fff;
    background-color:#1898d8;
    border-color:#1898d8
}
.btn-blue.active,.btn-blue:active {
    background-color:#1271a1;
    border-color:#1271a1
}
.btn-blue.disabled,.btn-blue.disabled.active,.btn-blue.disabled.focus,.btn-blue.disabled:active,.btn-blue.disabled:focus,.btn-blue.disabled:hover,.btn-blue[disabled],.btn-blue[disabled].active,.btn-blue[disabled].focus,.btn-blue[disabled]:active,.btn-blue[disabled]:focus,.btn-blue[disabled]:hover {
    cursor:default;
    box-shadow:none;
    background-color:#1481b8;
    border-color:#1481b8
}
.btn-green {
    background-color:#17823b;
    border-color:#17823b;
    cursor:pointer;
    transition:all .3s
}
.btn-green:link,.btn-green:visited {
    color:#fff
}
.btn-green.focus,.btn-green:focus,.btn-green:hover {
    color:#fff;
    background-color:#1ca048;
    border-color:#1ca048
}
.btn-normal,.btn-normal:link,.btn-normal:visited {
    color:#787d82
}
.btn-green.active,.btn-green:active {
    background-color:#136c31;
    border-color:#136c31
}
.btn-green.disabled,.btn-green.disabled.active,.btn-green.disabled.focus,.btn-green.disabled:active,.btn-green.disabled:focus,.btn-green.disabled:hover,.btn-green[disabled],.btn-green[disabled].active,.btn-green[disabled].focus,.btn-green[disabled]:active,.btn-green[disabled]:focus,.btn-green[disabled]:hover {
    cursor:default;
    box-shadow:none;
    background-color:#17823b;
    border-color:#17823b
}
.btn-normal {
    background-color:#fff;
    border-color:#d0d6d9;
    border-style:solid;
    border-width:1px;
    cursor:pointer;
    -weibkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    width:138px;
    height:38px;
    line-height:38px;
    font-size:14px
}
.btn-normal.focus,.btn-normal:focus,.btn-normal:hover {
    color:#787d82;
    background-color:#edf1f2;
    border-color:#98a1a6
}
.btn-normal.active,.btn-normal:active {
    background-color:#f2f2f2;
    border-color:#c2cace
}
.btn-normal.disabled,.btn-normal.disabled.active,.btn-normal.disabled.focus,.btn-normal.disabled:active,.btn-normal.disabled:focus,.btn-normal.disabled:hover,.btn-normal[disabled],.btn-normal[disabled].active,.btn-normal[disabled].focus,.btn-normal[disabled]:active,.btn-normal[disabled]:focus,.btn-normal[disabled]:hover {
    cursor:default;
    box-shadow:none;
    background-color:#fff;
    border-color:#d0d6d9
}
.btn-sm {
    width:78px;
    height:28px;
    line-height:28px;
    font-size:12px
}
.send-area-result dd,.send-area-result dt {
    height:40px;
    line-height:40px
}
.send-area-result {
    background:#fff;
    box-shadow:0 0 8px rgba(0,0,0,.4);
    -moz-box-shadow:0 0 8px rgba(0,0,0,.4);
    -webkit-box-shadow:0 0 8px rgba(0,0,0,.4);
    position:absolute;
    top:58px;
    left:0;
    width:inherit
}
.send-area-result dt {
    font-size:12px;
    color:#c8cdd2;
    padding:0 10px
}
.send-area-result dd a.questiontitle {
    border:none;
    font-size:14px;
    color:#787d82;
    width:inherit;
    text-align:left;
    height:40px;
    line-height:40px;
    padding:0 10px;
    display:block
}
.oncurr {
    color:#14191e;
    background:#edf1f2
}
.send-area-result dd a.questiontitle em,.send-area-result dd a.questiontitle i {
    font-style:normal;
    font-size:12px;
    margin-left:10px
}
.send-area-result dd a.questiontitle em {
    color:#c8cdd2
}
.send-area-result dd a.questiontitle i {
    color:#00b33b
}
.visible-xs-block {
    display:none
}
@media screen and (max-width:1440px) {
    .search-warp {
        margin-left:10px!important
    }
    .search-area {
        width:140px!important
    }
}
@media screen and (max-width:1200px) {
    .nav-item li {
        transition:.3s;
        margin:0
    }
    .nav-item li a {
        padding:0 8px!important
    }
    .search-area {
        width:140px!important
    }
    #footer .followus {
        padding-left:0
    }
    #footer .footer_link li {
        margin-right:10px
    }
}
@media screen and (max-width:979px) {
    #nav,.nav-item li a {
        padding:0 15px
    }
    #logo {
        margin-left:0
    }
    #logo a {
        width:130px
    }
    .logined li>a,.remind_warp {
        width:50px
    }
    .msg_icon {
        left:30px
    }
    .remind_warp .msg_remind {
        right:5px
    }
    .header-app {
        display:none
    }
    #footer .followus a,#footer .footer_link li {
        float:none;
        display:inline-block
    }
    .search-area {
        width:200px
    }
    .header-signin a {
        width:50px
    }
    #footer {
        text-align:center
    }
    #footer .followus {
        float:none;
        padding:0;
        margin-bottom:8px
    }
    #footer .footer_intro {
        float:none;
        padding-left:0
    }
    #footer .footer_link li {
        margin-right:16px
    }
}
@media screen and (max-width:767px) {
    body.slide-left,html.holding {
        height:100%;
        overflow:hidden
    }
    #nav {
        padding:0 15px
    }
    #logo {
        margin-left:0
    }
    #logo a {
        width:120px
    }
    .elevator,.wd-scroll {
        display:none
    }
    .visible-xs-block {
        display:block
    }
    #footer,#login-area,.search-warp,footer {
        display:none
    }
    body:after {
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        z-index:1000;
        content:" ";
        display:block;
        background:#000;
        opacity:0;
        -webkit-transition:all .3s ease;
        transition:all .3s ease;
        visibility:hidden
    }
    body.slide-left {
        -webkit-transform:translate(-130px,0);
        -ms-transform:translate(-130px,0);
        transform:translate(-130px,0);
        margin-right:-130px;
        padding-right:130px
    }
    body.slide-left:after {
        left:-130px;
        visibility:visible;
        opacity:.3;
        z-index:1002
    }
    .navbar-toggle {
        position:relative;
        float:right;
        border:0;
        color:#fff;
        margin-top:10px;
        margin-right:-5px;
        outline:0;
        padding:5px 10px
    }
    .navbar-toggle,.navbar-toggle:focus,.navbar-toggle:hover {
        background:0 0
    }
    .navbar-toggle .icon-menu {
        color:#fff;
        font-size:32px
    }
    body.slide-left .nav-item {
        display:block
    }
}
.newcomer {
    width:100%;
    height:136px;
    position:fixed;
    left:0;
    bottom:0;
    z-index:999;
    background-image:url(/static/img/newcomer.png);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}
.newcomer i {
    position:absolute;
    right:20px;
    bottom:48px;
    font-size:20px;
    color:rgba(255,255,255,.6)
}
.newcomer i:hover {
    color:#fff
}
.newcomer_mask {
    position:fixed;
    z-index:998;
    width:100%;
    height:100%;
    left:0;
    bottom:0;
    background:rgba(7,17,27,.6)
}
.newcomer_modal {
    position:fixed;
    z-index:999;
    left:50%;
    margin-left:-198px;
    top:50%;
    margin-top:-190px;
    width:396px;
    height:390px;
    background:url(/static/img/newcomer_bg.png) no-repeat #FFF;
    border-radius:12px;
    background-size:100% 360px
}
.newcomer_modal .get-btn {
    width:320px;
    height:48px;
    margin:280px auto 16px;
    font-weight:700;
    font-size:16px;
    color:#FFF;
    text-align:center;
    line-height:48px;
    cursor:pointer;
    background-image:linear-gradient(-135deg,#f9662d 0,#f01414 100%);
    border-radius:24px
}
.newcomer_modal .next-time {
    font-size:14px;
    color:#9199A1;
    line-height:22px;
    text-align:center;
    cursor:pointer
}
.newcomer_modal .next-time:hover {
    color:#545c63
}
@media screen and (max-width:480px) {
    .elevator,.wd-scroll {
        display:none
    }
}
@font-face {
    font-family:icomoon;
    src:url(/static/fonts/icomoon/fonts/icomoon.eot?d8493nx);
    src:url(/static/fonts/icomoon/fonts/icomoon.eot?d8493nx#iefix) format('embedded-opentype'),url(/static/fonts/icomoon/fonts/icomoon.ttf?d8493nx) format('truetype'),url(/static/fonts/icomoon/fonts/icomoon.woff?d8493nx) format('woff'),url(/static/fonts/icomoon/fonts/icomoon.svg?d8493nx#icomoon) format('svg');
    font-weight:400;
    font-style:normal
}
[class*=" icon-"],[class^=icon-] {
    font-family:icomoon!important;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-score_shop:before {
    content:"\e927"
}
.icon-receipt:before {
    content:"\e928"
}
.icon-set_key:before {
    content:"\e922"
}
.icon-set_sns:before {
    content:"\e923"
}
.icon-set_phone:before {
    content:"\e924"
}
.icon-set_email:before {
    content:"\e925"
}
.icon-remove_circle:before {
    content:"\e921"
}
.icon-set2:before {
    content:"\e920"
}
.icon-share2:before {
    content:"\e91f"
}
.icon-thumb_o:before {
    content:"\e91e"
}
.icon-check:before {
    content:"\e91d"
}
.icon-radiobu_on:before {
    content:"\e919"
}
.icon-radiobut_off:before {
    content:"\e91a"
}
.icon-checkbox_o:before {
    content:"\e91b"
}
.icon-checkbox:before {
    content:"\e91c"
}
.icon-group_add:before {
    content:"\e918"
}
.icon-exp_o:before {
    content:"\e917"
}
.icon-left3:before {
    content:"\e90a"
}
.icon-godown:before {
    content:"\e910"
}
.icon-goup:before {
    content:"\e912"
}
.icon-notifi:before {
    content:"\e909"
}
.icon-del:before {
    content:"\e60f"
}
.icon-edit:before {
    content:"\e60b"
}
.icon-drop_left:before {
    content:"\e915"
}
.icon-drop_right:before {
    content:"\e90b"
}
.icon-drop_up:before {
    content:"\e916"
}
.icon-drop_down:before {
    content:"\e90c"
}
.icon-notdisplay:before {
    content:"\e90d"
}
.icon-wiki:before {
    content:"\e608"
}
.icon-blog:before {
    content:"\e90e"
}
.icon-yuanwen:before {
    content:"\e90f"
}
.icon-plan:before {
    content:"\e609"
}
.icon-shizhan:before {
    content:"\e911"
}
.icon-tick:before {
    content:"\e600"
}
.icon-left2:before {
    content:"\e913"
}
.icon-right2:before {
    content:"\e914"
}
.icon-down2:before {
    content:"\e903"
}
.icon-up2:before {
    content:"\e904"
}
.icon-flag2:before {
    content:"\e902"
}
.icon-close2:before {
    content:"\e905"
}
.icon-star_outline:before {
    content:"\e901"
}
.icon-star2:before {
    content:"\e900"
}
.icon-show-pw:before {
    content:"\e648"
}
.icon-share-weibo:before {
    content:"\e645"
}
.icon-share-weichat:before {
    content:"\e646"
}
.icon-share-qq:before {
    content:"\e647"
}
.icon-home:before {
    content:"\e601"
}
.icon-clock:before {
    content:"\e602"
}
.icon-chat:before {
    content:"\e603"
}
.icon-msg:before {
    content:"\e604"
}
.icon-resp:before {
    content:"\e605"
}
.icon-addques:before {
    content:"\e606"
}
.icon-user:before {
    content:"\e607"
}
.icon-note:before {
    content:"\e60a"
}
.icon-share:before {
    content:"\e60c"
}
.icon-set:before {
    content:"\e60d"
}
.icon-camera:before {
    content:"\e60e"
}
.icon-search:before {
    content:"\e610"
}
.icon-key:before {
    content:"\e611"
}
.icon-smail:before {
    content:"\e613"
}
.icon-point:before {
    content:"\e614"
}
.icon-tick2:before {
    content:"\e616"
}
.icon-chapter:before {
    content:"\e617"
}
.icon-mobile:before {
    content:"\e618"
}
.icon-gotop:before {
    content:"\e619"
}
.icon-statistic:before {
    content:"\e61a"
}
.icon-code:before {
    content:"\e61b"
}
.icon-video:before {
    content:"\e61c"
}
.icon-test:before {
    content:"\e61d"
}
.icon-menu:before {
    content:"\e61e"
}
.icon-plus:before {
    content:"\e61f"
}
.icon-sub:before {
    content:"\e620"
}
.icon-close:before {
    content:"\e621"
}
.icon-exit:before {
    content:"\e626"
}
.icon-refresh:before {
    content:"\e627"
}
.icon-again:before {
    content:"\e628"
}
.icon-bell:before {
    content:"\e629"
}
.icon-nobell:before {
    content:"\e62a"
}
.icon-nolearn:before {
    content:"\e62b"
}
.icon-half:before {
    content:"\e62c"
}
.icon-full:before {
    content:"\e62d"
}
.icon-info:before {
    content:"\e926"
}
.icon-point-revert:before {
    content:"\e62e"
}
.icon-ques-revert:before {
    content:"\e62f"
}
.icon-tick-revert:before {
    content:"\e630"
}
.icon-flag:before {
    content:"\e631"
}
.icon-msg-revert:before {
    content:"\e632"
}
.icon-ad:before {
    content:"\e633"
}
.icon-imooc:before {
    content:"\e634"
}
.icon-thumb:before {
    content:"\e635"
}
.icon-thumb-revert:before {
    content:"\e636"
}
.icon-star:before {
    content:"\e637"
}
.icon-star-revert:before {
    content:"\e638"
}
.icon-heart:before {
    content:"\e639"
}
.icon-heart-revert:before {
    content:"\e63a"
}
.icon-qq:before {
    content:"\e63b"
}
.icon-weibo:before {
    content:"\e63c"
}
.icon-qqweibo:before {
    content:"\e63d"
}
.icon-weixin:before {
    content:"\e63e"
}
.icon-folder:before {
    content:"\e63f"
}
.icon-jian:before {
    content:"\e640"
}
.icon-ding:before {
    content:"\e641"
}
.icon-you:before {
    content:"\e642"
}
.icon-apple:before {
    content:"\e643"
}
.icon-android:before {
    content:"\e644"
}
.icon-mail:before {
    content:"\e612"
}
.icon-wxgzh:before {
    content:"\e907"
}
.icon-appdownload:before {
    content:"\e908"
}
.icon-feedback:before {
    content:"\e906"
}
.icon-shopping-cart:before {
    content:"\e929"
}
.icon-ques:before {
    content:"\e615"
}
.icon-down:before {
    content:"\e622"
}
.icon-left:before {
    content:"\e623"
}
.icon-top:before {
    content:"\e624"
}
.icon-right:before {
    content:"\e625"
}
@font-face {
    font-family:imv2;
    src:url(/static/fonts/imv2/fonts/imv2.eot?elwc2w);
    src:url(/static/fonts/imv2/fonts/imv2.eot?elwc2w#iefix) format('embedded-opentype'),url(/static/fonts/imv2/fonts/imv2.ttf?elwc2w) format('truetype'),url(/static/fonts/imv2/fonts/imv2.woff?elwc2w) format('woff'),url(/static/fonts/imv2/fonts/imv2.svg?elwc2w#imv2) format('svg');
    font-weight:400;
    font-style:normal
}
[class*=" imv2-"],[class^=imv2-] {
    font-family:imv2!important;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.imv2-head1:before {
    content:"\e928"
}
.imv2-head2:before {
    content:"\e929"
}
.imv2-cloud_webide:before {
    content:"\e926"
}
.imv2-open_code:before {
    content:"\e927"
}
.imv2-dot_normal:before {
    content:"\e924"
}
.imv2-dot_samll:before {
    content:"\e925"
}
.imv2-code_circle:before {
    content:"\e920"
}
.imv2-exercise_circle:before {
    content:"\e921"
}
.imv2-homework_circle:before {
    content:"\e922"
}
.imv2-video_circle:before {
    content:"\e923"
}
.imv2-line:before {
    content:"\e91e"
}
.imv2-school:before {
    content:"\e91d"
}
.imv2-pin:before {
    content:"\e91c"
}
.imv2-path:before {
    content:"\e91a"
}
.imv2-war:before {
    content:"\e91b"
}
.imv2-score_shop:before {
    content:"\e563"
}
.imv2-receipt:before {
    content:"\e8b0"
}
.imv2-loading:before {
    content:"\e918"
}
.imv2-play_circle:before {
    content:"\e038"
}
.imv2-cloud_upload:before {
    content:"\e2c3"
}
.imv2-cloud_download:before {
    content:"\e2c0"
}
.imv2-cloud_done:before {
    content:"\e2bf"
}
.imv2-cloud:before {
    content:"\e42d"
}
.imv2-alarm:before {
    content:"\e855"
}
.imv2-nav_chapter:before {
    content:"\e916"
}
.imv2-nav_qa:before {
    content:"\e917"
}
.imv2-nav_note:before {
    content:"\e22b"
}
.imv2-set-key:before {
    content:"\e903"
}
.imv2-set-sns:before {
    content:"\e904"
}
.imv2-set-email:before {
    content:"\e905"
}
.imv2-feedback:before {
    content:"\e906"
}
.imv2-appdownload:before {
    content:"\e907"
}
.imv2-weixigzh:before {
    content:"\e908"
}
.imv2-lock:before {
    content:"\e897"
}
.imv2-chapter:before {
    content:"\e900"
}
.imv2-half:before {
    content:"\e901"
}
.imv2-empty:before {
    content:"\e902"
}
.imv2-video:before {
    content:"\e037"
}
.imv2-code:before {
    content:"\e86f"
}
.imv2-exercise:before {
    content:"\e164"
}
.imv2-homework:before {
    content:"\e909"
}
.imv2-arrow1_l:before {
    content:"\e5c6"
}
.imv2-arrow1_r:before {
    content:"\e5cb"
}
.imv2-arrow1_u:before {
    content:"\e5c7"
}
.imv2-arrow1_d:before {
    content:"\e5c5"
}
.imv2-arrow2_l:before {
    content:"\e408"
}
.imv2-arrow2_r:before {
    content:"\e409"
}
.imv2-arrow2_u:before {
    content:"\e5ce"
}
.imv2-arrow2_d:before {
    content:"\e5cf"
}
.imv2-arrow3_l:before {
    content:"\e5c4"
}
.imv2-arrow3_r:before {
    content:"\e5c8"
}
.imv2-arrow3_u:before {
    content:"\e5d8"
}
.imv2-arrow3_d:before {
    content:"\e5db"
}
.imv2-checkbox:before {
    content:"\e834"
}
.imv2-checkbox_onk:before {
    content:"\e835"
}
.imv2-radiobox:before {
    content:"\e837"
}
.imv2-radiobxo_o:before {
    content:"\e836"
}
.imv2-check:before {
    content:"\e5ca"
}
.imv2-check_c:before {
    content:"\e86c"
}
.imv2-close:before {
    content:"\e5cd"
}
.imv2-close_c:before {
    content:"\e5c9"
}
.imv2-error_c:before {
    content:"\e000"
}
.imv2-info:before {
    content:"\e88e"
}
.imv2-add_circle_o:before {
    content:"\e3ba"
}
.imv2-add_circle:before {
    content:"\e147"
}
.imv2-help_outline:before {
    content:"\e8fd"
}
.imv2-help:before {
    content:"\e887"
}
.imv2-thumb_up:before {
    content:"\e8dc"
}
.imv2-thumb_down:before {
    content:"\e8db"
}
.imv2-history:before {
    content:"\e8b5"
}
.imv2-cart:before {
    content:"\e8cc"
}
.imv2-add_cart:before {
    content:"\e854"
}
.imv2-star:before {
    content:"\e838"
}
.imv2-star_h:before {
    content:"\e919"
}
.imv2-delete:before {
    content:"\e872"
}
.imv2-edit:before {
    content:"\e254"
}
.imv2-replay:before {
    content:"\e042"
}
.imv2-refresh:before {
    content:"\e90a"
}
.imv2-set_1:before {
    content:"\e8b8"
}
.imv2-set_2:before {
    content:"\e429"
}
.imv2-folder:before {
    content:"\e2c7"
}
.imv2-share:before {
    content:"\e80d"
}
.imv2-visibility:before {
    content:"\e8f4"
}
.imv2-visibility_off:before {
    content:"\e8f5"
}
.imv2-search:before {
    content:"\e8b6"
}
.imv2-message:before {
    content:"\e159"
}
.imv2-notifications:before {
    content:"\e7f4"
}
.imv2-home:before {
    content:"\e88a"
}
.imv2-kecheng:before {
    content:"\e86e"
}
.imv2-shizhan:before {
    content:"\e1e2"
}
.imv2-lujing:before {
    content:"\e14f"
}
.imv2-yuanwen:before {
    content:"\e90b"
}
.imv2-shouji:before {
    content:"\e90c"
}
.imv2-wiki:before {
    content:"\e90d"
}
.imv2-follow_user:before {
    content:"\e7f0"
}
.imv2-photo:before {
    content:"\e412"
}
.imv2-tag_faces:before {
    content:"\e420"
}
.imv2-pause:before {
    content:"\e034"
}
.imv2-fullscreen:before {
    content:"\e5d0"
}
.imv2-fullscreen_exit:before {
    content:"\e5d1"
}
.imv2-vol_up:before {
    content:"\e050"
}
.imv2-vol_down:before {
    content:"\e04d"
}
.imv2-vol_mute:before {
    content:"\e04e"
}
.imv2-vol_off:before {
    content:"\e04f"
}
.imv2-ios:before {
    content:"\e90e"
}
.imv2-android:before {
    content:"\e859"
}
.imv2-weixin:before {
    content:"\e90f"
}
.imv2-qq:before {
    content:"\e910"
}
.imv2-weibo:before {
    content:"\e911"
}
.imv2-weixin_c:before {
    content:"\e912"
}
.imv2-qq_c:before {
    content:"\e913"
}
.imv2-weibo_c:before {
    content:"\e914"
}
.imv2-imooc:before {
    content:"\e915"
}
.imv2-load_o:before {
    content:"\e88b"
}
.imv2-textsms:before {
    content:"\e0d8"
}
.imv2-follow_o:before {
    content:"\e87e"
}
.imv2-follow:before {
    content:"\e87d"
}
.imv2-add:before {
    content:"\e145"
}
.imv2-assignment_ind:before {
    content:"\e85e"
}
.imv2-flag:before {
    content:"\e153"
}
.imv2-finish:before {
    content:"\e3a6"
}
.imv2-build:before {
    content:"\e869"
}
.imv2-chat_bubble:before {
    content:"\e0ca"
}
.imv2-cloud_off:before {
    content:"\e2c1"
}
.imv2-description:before {
    content:"\e873"
}
.imv2-insert_invitation:before {
    content:"\e24f"
}
.imv2-event_busy:before {
    content:"\e615"
}
.imv2-filter_drama:before {
    content:"\e3dd"
}
.imv2-format_size:before {
    content:"\e245"
}
.imv2-bold:before {
    content:"\e238"
}
.imv2-italic:before {
    content:"\e23f"
}
.imv2-list_bulleted:before {
    content:"\e241"
}
.imv2-list_numbered:before {
    content:"\e242"
}
.imv2-link:before {
    content:"\e157"
}
.imv2-quote:before {
    content:"\e244"
}
.imv2-undo:before {
    content:"\e166"
}
.imv2-redo:before {
    content:"\e15a"
}
.imv2-import_image:before {
    content:"\e3c4"
}
.imv2-photo_image:before {
    content:"\e410"
}
.imv2-lightbulb_outline:before {
    content:"\e91f"
}
.imv2-memory:before {
    content:"\e322"
}
.imv2-more_horiz:before {
    content:"\e5d3"
}
.imv2-forward:before {
    content:"\e040"
}
.imv2-sim_card:before {
    content:"\e32b"
}
.imv2-stars:before {
    content:"\e8d0"
}
.imv2-straighten:before {
    content:"\e41c"
}
.imv2-invoice:before {
    content:"\e048"
}
.imv2-voicemail:before {
    content:"\e0d9"
}
.imv2-bright:before {
    content:"\e42e"
}
@font-face {
    font-family:DINCond-M;
    src:url(/static/fonts/DINCondm/DINCOND-MEDIUM.otf);
    font-weight:400;
    font-style:normal
}
.giveupcon h4,.sendadd h4,.sendok {
    font-family:"PingFang SC","微软雅黑","Microsoft YaHei",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif
}
#face_panel {
    background-color:#eae2df;
    border:1px solid #9FA0A0;
    border-radius:3px;
    bottom:4px;
    box-shadow:0 0 6px rgba(94,89,89,.57);
    left:0;
    margin-bottom:80px;
    overflow-y:hidden;
    padding:15px;
    width:530px;
    z-index:999;
    position:absolute;
    height:215px
}
#face_panel #choose_face {
    border:1px solid #DFE6F6;
    border-width:0
}

#choose_face a {
    display:block;
    float:left;
    height:65px;
    padding:4px
}
#choose_face a:hover {
    background:#e1dcd6
}
#choose_face a p {
    line-height:22px;
    text-align:center
}
#choose_face a.border_bottom_none {
    border-bottom:none
}
#choose_face a.border_right_none {
    border-right:none
}
.font-colorg #choose_face a p {
    color:#5e5e5e
}
body {
    background-color:#fff
}
#main {
    padding:0;
    position:relative
}
.user-head-info .user-info {
    position:relative;
    width:1152px;
    margin:0 auto
}
.user-head-info .user-info .user-pic {
    float:left;
    width:148px;
    height:148px
}
.user-head-info .user-info .user-pic .user-pic-bg {
    border:4px solid #FFF;
    box-shadow:0 4px 8px 0 rgba(7,17,27,.1);
    width:140px;
    height:140px;
    position:relative;
    border-radius:50%;
    background:#fff;
    top:24px
}
.user-head-info .user-info .user-pic .user-pic-bg .img {
    text-align:center;
    width:140px;
    height:140px;
    border-radius:50%
}
.user-head-info .user-info .user-info-right {
    float:right;
    width:980px
}
.user-head-info .user-info .user-name {
    font-weight:600;
    text-align:left;
    font-size:24px;
    color:#FFF;
    line-height:28px;
    margin-top:48px
}
.user-head-info .user-info .user-name .signicon,.user-head-info .user-info .user-name span {
    float:left
}
.user-head-info .user-info .user-name .signicon {
    width:25px;
    margin-left:12px;
    background-image:url(/static/img/u/user-info-icon.png);
    background-repeat:no-repeat;
    position:relative;
    top:0
}
.user-head-info .user-info .user-name .signicon_iden {
    width:80px;
    height:30px;
    line-height:30px;
    text-align:center;
    font-size:12px;
    background:#fff;
    display:none;
    position:absolute;
    top:32px;
    left:-29px;
    color:#14191e;
    font-weight:400
}
.user-head-info .user-info .user-name .signicon_iden i {
    color:#fff;
    font-size:32px;
    position:absolute;
    margin-left:-16px;
    left:50%;
    top:-17px
}
.user-head-info .user-info .user-name .teacher {
    background-position:0 -24px;
    height:25px
}
.user-head-info .user-info .user-name .mxr {
    background-position:0 2px;
    height:24px;
    cursor:pointer
}
.user-head-info .user-info .user-name .mxr .signicon_iden {
    width:50px;
    left:-14px
}
.user-head-info .user-info .user-name .author {
    background-position:0 -48px;
    height:24px
}
.user-head-info .user-info .about-info {
    font-size:14px;
    color:#fff;
    line-height:20px;
    text-align:left;
    margin-top:6px
}
.user-head-info .user-info .about-info span {
    display:inline-block;
    margin-right:10px;
    font-size:14px;
    color:#FFF;
    line-height:20px
}
.user-head-info .user-info .about-info a.more-user-info {
    font-size:12px;
    color:rgba(255,255,255,.6);
    line-height:16px;
    display:inline-block;
    height:16px;
    padding-left:16px;
    border-left:2px solid rgba(255,255,255,.4);
    cursor:pointer
}
.user-head-info .user-info .about-info .u-info-credit a,.user-head-info .user-info .about-info .u-info-mp a {
    color:#fff
}
.user-head-info .user-info .about-info a.more-user-info i {
    display:inline-block;
    margin-right:2px
}
.user-head-info .user-info .about-info .gender {
    display:inline-block;
    width:16px;
    height:16px;
    background:url(/static/img/u/gender.png) no-repeat;
    vertical-align:-3px
}
.user-head-info .user-info .about-info .sexSecret {
    display:inline-block;
    width:16px;
    height:16px;
    background:url(/static/img/u/secret.png) no-repeat;
    vertical-align:-3px
}
.user-head-info .user-info .about-info .girl {
    background-position:0 -17px
}
.user-head-info .user-info .about-info .u-info-credit,.user-head-info .user-info .about-info .u-info-learn {
    margin-left:10px
}
.user-head-info .user-info .about-info .u-info-credit em {
    margin-left:5px
}
.user-head-info .user-info .about-info .u-info-mp {
    margin-left:10px
}
.user-head-info .user-info .about-info .u-info-mp em {
    margin-left:5px
}
.user-head-info .user-info .user-sign {
    font-size:14px;
    color:#FFF;
    line-height:24px;
    width:440px;
    overflow:hidden;
    word-break:break-all;
    word-wrap:break-word
}
.user-head-info .user-info .user-desc {
    font-size:14px;
    line-height:24px;
    color:#fff;
    text-align:left;
    margin-top:20px;
    word-break:break-all;
    word-wrap:break-word;
    opacity:.5;
    margin-left:24px
}
.user-head-info .study-info {
    position:absolute;
    top:48px;
    right:10px;
    min-width:200px;
    text-align:right
}
.user-head-info .study-info .item {
    line-height:48px;
    vertical-align:middle;
    height:48px;
    float:left
}
.user-head-info .study-info .item em {
    display:block;
    text-align:center;
    font-weight:700;
    font-size:24px;
    color:rgba(255,255,255,.8);
    line-height:28px
}
.user-head-info .study-info .item span {
    display:block;
    text-align:center;
    font-size:14px;
    color:rgba(255,255,255,.8);
    line-height:20px;
    margin-top:4px
}
.user-head-info .study-info .integral {
    margin:0 40px
}
.user-head-info .study-info .follows {
    margin-right:24px
}
.user-head-info .study-info .set-btn {
    padding:8px 16px;
    border:1px solid rgba(255,255,255,.4);
    border-radius:18px;
    font-size:14px;
    color:rgba(255,255,255,.8);
    line-height:20px;
    height:20px
}
.user-head-info .study-info .set-btn i {
    font-size:16px;
    display:inline-block;
    margin-right:4px
}
.user-head-info .study-info .set-btn:hover {
    color:#fff;
    border-color:#fff
}
.user-head-info .study-info .status-btn {
    width:100px;
    padding:8px 0;
    border-radius:18px;
    font-size:14px;
    color:rgba(255,255,255,.8);
    line-height:20px;
    height:20px;
    cursor:pointer;
    text-align:center;
    display:inline-block
}
.user-head-info .study-info .status-btn i {
    font-size:16px;
    display:inline-block;
    margin-right:4px
}
.user-head-info .study-info .add-follow {
    background:rgba(240,20,20,.8);
    border-radius:18px
}
.user-head-info .study-info .add-follow:hover {
    background:#f01414
}
.user-head-info .study-info .already-follow {
    background:rgba(255,255,255,.2);
    border-radius:18px
}
.user-head-info .study-info .already-follow:hover {
    background:rgba(255,255,255,.4)
}
.user-head-info .study-info .js-fans-msg,.user-head-info .study-info .js-u-add-follow,.user-head-info .study-info .js-u-already-follow {
    margin-right:10px
}

.slider {
    position:absolute;
    width:172px;
    left:24px;
    top:0
}
.slider ul li:first-child {
    margin-top:40px
}
.slider ul li {
    height:48px;
    width:160px;
    margin:0 auto 8px
}
.slider ul a.active:after,.slider ul li:first-child a.active:after {
    display:block;
    content:"";
    bottom:0;
    right:0;
    width:0;
    border-left:15px solid transparent
}
.slider ul li:first-child a.active:after {
    position:absolute;
    height:0;
    border-top:24px solid #F8FAFC;
    border-bottom:24px solid #F8FAFC
}
.slider ul a {
    position:relative;
    display:block;
    height:48px;
    font-size:16px;
    line-height:48px;
    color:#787d82;
    padding-left:54px;
    text-align:left
}
.slider ul a:hover {
    color:#14191e
}
.slider ul a.active {
    color:#fff;
    background:rgba(240,20,20,.8);
    border-radius:8px 0 0 8px
}
.slider ul a.active i {
    color:#fff
}
.slider ul a.active:after {
    position:absolute;
    height:0;
    border-top:24px solid #fff;
    border-bottom:24px solid #fff
}
.slider ul a i {
    position:absolute;
    left:20px;
    top:0;
    font-size:20px;
    color:#93999f;
    line-height:48px
}
.slider ul a b {
    visibility:hidden
}
.u-container {
    margin-left:240px;
    min-height:589px
}
.addfriendtip {
    width:417px;
    background:#c9c9c9;
    padding:8px;
    display:none;
    position:absolute;
    z-index:999;
    top:30%;
    left:215px
}
.sendadd {
    width:422px
}
.sendadd textarea {
    height:110px;
    border:1px solid #cdcdcd;
    width:382px;
    padding:4px;
    background:#fff;
    font-size:100%
}
.sendadd textarea:focus {
    border-color:#b4b4b4
}
.giveupcon h4,.sendadd h4 {
    position:relative;
    font-size:18px;
    line-height:40px;
    padding-left:16px;
    height:40px
}
.giveupcon h4 span,.sendadd h4 .tipclose {
    width:16px;
    height:16px;
    position:absolute;
    right:12px;
    top:12px;
    cursor:pointer
}
.sendcon {
    padding:15px
}
.sendsq {
    padding:20px 0;
    text-align:center
}
.successtip {
    width:248px;
    background:#c9c9c9;
    padding:6px;
    position:absolute;
    top:37%;
    left:280px;
    z-index:999;
    display:none
}
.successcon {
    width:236px;
    padding:6px;
    background:#fff;
    position:relative
}
.successcon .suclose {
    background:url(/static/img/tipicon.png) no-repeat;
    width:16px;
    height:16px;
    float:right;
    cursor:pointer
}
.sendok {
    clear:both;
    background:url(/static/img/zyicon.png) 0 -106px no-repeat;
    height:52px;
    margin:12px 0 0 30px;
    padding:10px 0 0 50px;
    color:#666;
    font-size:24px
}
.sendmsg_avatar {
    display:inline-block;
    width:40px;
    height:40px;
    margin-top:8px;
    position:absolute;
    top:0;
    left:15px
}
.ansListA {
    float:right;
    display:block;
    background:#fff
}
.sendadd h4,.sendmsg h4 {
    height:56px;
    padding-left:16px;
    position:relative;
    line-height:56px;
    background:#be3948;
    color:#fff
}
.sendmsg #sendEmojiIcon {
    margin:0 0 0 7px;
    float:left
}
.sendmsg #sendBtn {
    display:inline-block;
    height:31px;
    color:#fff;
    text-align:center;
    line-height:31px;
    font-size:14px;
    font-weight:700;
    float:right;
    padding:0
}
.sendmsg .imgset {
    float:left;
    width:40px;
    height:60px;
    background:url(/static/img/icron_mgr.png) center 24px no-repeat
}
.sendmsg_btn_box {
    background:#fff;
    padding:12px 8px 20px;
    zoom:1;
    position:relative;
    overflow:hidden
}
.sendmsg_btn_box:after {
    content:'\20';
    display:block;
    clear:both
}
.private-letter {
    width:580px
}
.private-letter .sendcon {
    background:#fff;
    padding:20px 40px 10px;
    position:relative
}
.private-letter textarea {
    width:499px
}
.private-letter .privatel-wrap {
    padding:12px 0 20px 50px;
    color:#363d40
}
.private-letter #sendEmojiIcon {
    margin-left:40px
}
.private-letter .sendmsg_btn_box {
    padding-right:40px
}
.pravtie_close .btn-large,.private-letter #sendBtn {
    background:#39b94e
}
.pravtie_close .btn-large:hover,.private-letter #sendBtn:hover {
    background:#3ec154;
    color:#fff;
    outline:0;
    -webkit-transition:.25s;
    -moz-transition:.25s;
    transition:.25s
}
.pravtie_close .xubox_close1 {
    background:url(/static/img/pravtie_close.jpg) no-repeat;
    width:30px;
    height:30px;
    top:15px;
    right:16px
}
.pravtie_close .xubox_close1:hover {
    background-position:-30px 0
}
.privatel-name {
    position:absolute;
    top:19px;
    left:40px
}
.space-code .course-list li {
    height:222px
}
.space-code .course-list li .code-count {
    margin-top:10px;
    font-size:12px;
    color:#b5b9bc
}
.share-box {
    position:absolute;
    right:10px;
    top:27px;
    width:30px;
    background-color:#ff0;
    overflow:visible
}
.share-box .show-btn {
    position:absolute;
    top:0;
    right:0;
    width:30px;
    height:20px;
    font-size:16px;
    text-align:right;
    color:#bdc0c3;
    cursor:pointer
}
.share-box .show-btn:hover i {
    color:#14191e
}
.share-box .share-box-con {
    display:none;
    position:absolute;
    z-index:99;
    top:18px;
    right:0;
    width:208px;
    height:60px;
    background-color:#fff;
    box-shadow:4px 4px 10px 2px #e1e1e1
}
.share-box.hover .share-box-con {
    display:block
}
.share-box .bdsharebuttonbox {
    float:left;
    width:145px;
    overflow:hidden;
    margin-top:17px;
    margin-left:5px
}
.share-box .bdsharebuttonbox a {
    display:inline-block;
    position:relative;
    font-weight:400!important;
    color:#b5b9bc!important;
    background-image:none!important;
    font-size:18px
}
.share-box .bdsharebuttonbox a:hover {
    color:#787d82!important
}
.share-box .bdsharebuttonbox .icon-share-weibo {
    margin:6px 15px 6px 9px
}
.share-box .follow {
    float:left;
    width:53px;
    height:18px;
    text-align:center;
    border-left:1px solid #edf1f2;
    margin-top:20px;
    font-size:18px;
    cursor:pointer
}
.share-box .follow i {
    vertical-align:4px
}
.share-box .follow i:hover {
    color:#F01400
}
.share-box .follow .icon-star_outline {
    color:#d8dadc
}
.share-box .follow .icon-star2 {
    color:#F01400
}
.share-box .courses-r {
    width:120px;
    text-align:center
}
.share-box .courses-r .del {
    margin-top:20px;
    color:#b5b9bc;
    cursor:pointer;
    display:inline-block
}
.c-tab,.share-box .courses-r .del:hover {
    color:#787d82
}
.share-box .courses-r .custom_f {
    margin-top:25px;
    border-left:0 none
}
.share-box .share-r {
    width:230px;
    text-align:center
}
.share-box .share-r .follow {
    margin:22px 0 0 15px
}
.share-box .share-r .bdsharebuttonbox {
    margin-left:8px
}
.qa-comment-page {
    margin-bottom:58px
}
.qa-comment-page .page {
    margin-bottom:0
}
.c-tab {
    font-size:14px;
    height:58px;
    line-height:58px;
    margin-top:10px;
    border-bottom:1px solid #d0d6d9
}
.c-tab .tool-left .active,.c-tab .tool-left .sort-item:hover {
    color:#f01400;
    border-bottom:2px solid #f01400;
}
.c-tab .sort-item {
    margin-right:53px;
    display:inline-block;
    color:#787d82
}
.c-tab .tool-item {
    cursor:pointer
}
.c-tab .tool-all {
    position:relative;
    margin-right:10px
}
.c-tab .all-cont {
    width:auto;
    box-shadow:0 2px 8px #bbb;
    max-height:240px;
    overflow-y:scroll;
    overflow-x:hidden;
    background-color:#fff;
    position:absolute;
    z-index:19881009;
    left:-30%;
    top:55px
}
.c-tab .all-cont li {
    height:40px
}
.c-tab .all-cont a {
    color:#787d82;
    line-height:40px;
    white-space:nowrap;
    display:block;
    padding:0 20px
}
.c-tab .all-cont a:hover {
    background-color:#edf1f2;
    color:#14191e
}
.c-tab .icon {
    margin-left:15px;
    vertical-align:-1px
}
.c-tab .icon-drop_up {
    color:#14191e
}
.study-tl {
    padding:0 0 0 64px
}
.study-tl .time {
    position:absolute;
    left:0;
    top:20px;
    margin-left:-64px;
    line-height:16px;
    font-size:12px;
    color:#8a8c8f
}
.study-tl .time:before {
    content:'';
    display:block;
    position:absolute;
    left:60px;
    width:8px;
    height:8px;
    border-radius:50%;
    background-color:#d0d6d9
}
.study-tl .time b {
    font-size:18px;
    font-weight:400
}
.study-tl .time em {
    display:block;
    margin-top:2px
}
.study-tl .tl-item-first:before {
    content:'';
    position:absolute;
    width:1px;
    height:20px;
    left:-1px;
    top:0;
    background-color:#fff
}
.study-tl .tl-item {
    position:relative;
    padding-left:37px;
    border-left:1px solid #d3d7da
}
.course-list .course-one {
    padding:30px 0;
    position:relative;
    border-bottom:1px solid #eff1f0
}
.course-list .course-list-img img {
    vertical-align:top
}
.course-list .study-hd {
    font-size:18px;
    color:#12171b;
    height:29px;
    line-height:29px;
    position:relative
}
.course-list .study-hd a {
    font-weight:700
}
.course-list .span-common,.course-list .study-hd .i-new {
    font-size:14px;
    color:#787d82
}
.course-list .span-common i {
    color:#b5b9bc;
    font-style:normal
}
.course-list .study-points {
    padding:10px 0 22px;
    height:21px
}
.course-list .study-points span {
    margin-right:14px
}
.course-list .study-points .i-left {
    color:#f01400
}
.course-list .catog-points {
    position:relative;
    padding-bottom:10px;
    word-wrap:break-word
}
.course-list .catog-points span {
    display:inline-block;
    width:135px
}
.course-list .catog-points a {
    color:#787d82
}
.course-list .catog-points a:hover,.course-list .catog-points a:hover i {
    color:#14191e
}
.course-list .catog-points .continute-btn {
    display:inline-block;
    position:absolute;
    right:0;
    bottom:0;
    font-size:14px;
    border:1px solid #f01400;
    color:#f01400;
    width:90px;
    height:38px;
    line-height:38px;
    text-align:center;
    background-color:#fff
}
.course-list .catog-points .continute-btn:hover {
    background-color:#f01400;
    color:#fff
}
.course-list .course-list-cont {
    padding-left:230px
}
.not-conts {
    font-size:18px;
    color:#b5b9bc;
    text-align:center;
    padding:145px 0 240px
}
.not-conts .find-course {
    color:#f01400
}
.study-hd .share-box {
    top:-8px
}
